var PromoInterval = 6000;
var PromoEffectTime = 1200;

var Promo = 
{
	init: function()
	{
		// SHOW CONTROLS
		$("#promo .controls").css("display","block");
		
		// FILL CONTROLS
		var counter = 0
		$("#promo .item").each( function()
		{
			$("#promo .controls").append('<li><img src="animations/images/promo-controls-bullet.png" width="8" height="8" alt="" class="' + counter + '" /></li>');
			counter++;
		});
		
		// SELECT FIRST CONTROL
		$("#promo .controls li:first").addClass('active');
		$("#promo .controls li:first img").attr("src", "animations/images/promo-controls-bullet-active.png");
		
		// SELECT FIRST ITEM
		$("#promo .item").removeClass("first");
		$("#promo .item").hide();
		$("#promo .item:first").addClass("active");
		
		// REGISTER EVENTS
		$("#promo .controls li img").each( function(){
				
			$(this).click(function(){
				Promo.goto( $(this).attr("class") );
			})

		})
		
		// START SLIDING
		$("#promo").oneTime(PromoInterval, function(){ Promo.start(); });
	},
	
	start: function()
	{
		var tmpEl = $("#promo .item.active");
		var nxtEl = $("#promo .item.active").next();

		var tmpElSelector = $("#promo .controls li.active");
		var nxtElSelector = $("#promo .controls li.active").next();

		if( nxtEl.length == 0 )
		{
			nxtEl = $("#promo .item:first");
			nxtElSelector = $("#promo .controls li:first");
		}
		
		// FADE ACTIVE AND NEXT
		tmpEl.fadeOut(PromoEffectTime);
		nxtEl.fadeIn(PromoEffectTime, function()
		{
			// CHANGE SELECTOR
			tmpElSelector.children('img').attr("src", "animations/images/promo-controls-bullet.png");
			nxtElSelector.children('img').attr("src", "animations/images/promo-controls-bullet-active.png");
			
			// SWITCH ACTIVE
			tmpEl.removeClass('active');
			nxtEl.addClass('active');
			
			tmpElSelector.removeClass('active');
			nxtElSelector.addClass('active');			
		});
		
		$("#promo").oneTime(PromoInterval, function(){ Promo.start(); } );
	}, 
	
	goto: function( el )
	{
		$("#promo").stopTime();
		
		var tmpEl = $("#promo .item.active");
		var nxtEl = $("#promo .item:eq(" + el + ")");

		var tmpElSelector = $("#promo .controls li.active");
		var nxtElSelector = $("#promo .controls li:eq(" + el + ")");
		
		// FADE ACTIVE AND NEXT
		tmpEl.fadeOut(PromoEffectTime);
		nxtEl.fadeIn(PromoEffectTime, function()
		{
			// CHANGE SELECTOR
			tmpElSelector.children('img').attr("src", "animations/images/promo-controls-bullet.png");
			nxtElSelector.children('img').attr("src", "animations/images/promo-controls-bullet-active.png");
			
			// SWITCH ACTIVE
			tmpEl.removeClass('active');
			nxtEl.addClass('active');
			
			tmpElSelector.removeClass('active');
			nxtElSelector.addClass('active');			
		});
		
		$("#promo").oneTime(PromoInterval, function(){ Promo.start(); } );
	}
};