// Configuration. All times are in milliseconds.

var DOWBannerDelay = 6000; 
var DOWBannerTransitionSpeed = 1500;

// End configuration.
//////////////////////////////////////////////////////////////////////////////

function changeTopBanner(userNumber)
{		
	if ( typeof changeTopBanner.stop == 'undefined' ) 
		changeTopBanner.stop = false;
	
	if(!userNumber && changeTopBanner.stop)
		return;
		
	if ( typeof changeTopBanner.items == 'undefined' ) 
		changeTopBanner.items = $h('#homeImages li');
		
	if(changeTopBanner.items.length < 2)
		return;
	
	if ( typeof changeTopBanner.currentIndex == 'undefined' ) 
		changeTopBanner.currentIndex = 0;
		
	if ( typeof changeTopBanner.nextIndex == 'undefined' ) 
		changeTopBanner.nextIndex = 1;
	
	
	if (userNumber)	
	{
		userNumber = parseInt(userNumber) - 1;
		//changeTopBanner.stop = false;
		changeTopBanner.stop = true;
		$h('#homePlay').css('display', '');
		$h('#homeStop').css('display', 'none');
		
		
		
		if(userNumber == changeTopBanner.currentIndex)
			return;
		else
			changeTopBanner.nextIndex = userNumber;
			
	}
	else
	{
		$h('#homeImagesSwitch li')
			.eq(changeTopBanner.nextIndex)
			.addClass('active')
			.siblings().removeClass('active');		
	}
		
	changeTopBanner.items.eq(changeTopBanner.nextIndex).css('z-index', '5').animate({
		opacity: '1'
	}, DOWBannerTransitionSpeed,  function(){
		changeTopBanner.items.eq(changeTopBanner.currentIndex)
			.css('opacity', '0')
			.css('z-index', '1');
			
		changeTopBanner.items.eq(changeTopBanner.nextIndex).css('z-index', '1');
		
		changeTopBanner.currentIndex = changeTopBanner.nextIndex;
		
		if(++changeTopBanner.nextIndex >= changeTopBanner.items.length)
			changeTopBanner.nextIndex = 0;	
		
		if (!changeTopBanner.stop)	
		{		
			setTimeout("changeTopBanner()", DOWBannerDelay);
		}
	});
}

function PlayStopBanner(id)
{
	if (id=="homePlay")	
	{
		changeTopBanner.stop = false;
		$h('#homePlay').css('display', 'none');
		$h('#homeStop').css('display', '');
		
		setTimeout("changeTopBanner()", DOWBannerDelay);
	}
	else if (id=="homeStop")	
	{
		changeTopBanner.stop = true;
		$h('#homePlay').css('display', '');
		$h('#homeStop').css('display', 'none');
	}
}


jQuery.noConflict();
window.$h = jQuery;
$h(document).ready(function(){ 
	// Intializing top banner
	$h('#homeImagesSwitch li').click(function(){
		$h(this).siblings().removeClass('active');
		$h(this).addClass('active');
		changeTopBanner($h(this).text());
	});
	
	$h('#homeImageSP li').click(function(){
		PlayStopBanner($h(this).attr('id'));
	});
	
	setTimeout("changeTopBanner()", DOWBannerDelay);
});