var $ = jQuery;
	
var container;
var items;
var left;
var right;
var currentIndex = 0;

var fadeTime = 1000;

var timer;
var timerInterval = 6000;


var init = function () {

	container = $('div.promo');
	
	items = container.find('div.promo-item');
	
	left = container.find('a.left.button');
	right = container.find('a.right.button');

	// Check item counts and hide the arrows accordingliy.
	
	if (items.size() > 1) {
				
		right.addClass('visible');
		left.addClass('visible');
		
		left.click(gotoPrev);
		right.click(gotoNext);
		
		container.mouseover(pauseShow);	
		container.mouseout(startShow);
		
		// start timer.
		startShow();
		
	}
	
	// Remove unneeded attr and classes from images.
	
	container.find('img').attr('title','').attr('alt','').attr('class','');
	
	$('.promo-item').eq(0).show();

};


var gotoPrev = function () {

	items.eq(currentIndex).fadeOut(fadeTime);

	currentIndex--;
		
	if (currentIndex < 0) {
			currentIndex = items.size() - 1;
	}
		
	items.eq(currentIndex).fadeIn(fadeTime);

};

var gotoNext = function () {
	
	items.eq(currentIndex).fadeOut(fadeTime);
	
	currentIndex++;
		
	if (currentIndex >= items.size()) {
		currentIndex = 0;
	}
		
	items.eq(currentIndex).fadeIn(fadeTime);
	
};


var pauseShow = function () {
	clearInterval(timer);
};


var startShow = function () {
	timer = setInterval('gotoNext();',timerInterval); 
};


jQuery(function () {
	// Start the promo;
	init();
});