// Front Spotlights
window.addEvent("domready", function() {
	
	var autoScroll = true; 
	var blnMidTransition = false;
	var iLastSpotlight = 0;	
	var SpotlightBoxes = $$('#FrontSpotlights .Box');
	var SpotlightImages = $$('#FrontSpotlights .Image');
	var SpotlightTabs = $$('#FrontSpotlights .TabsContainer li');

	SpotlightTabs.each(function(SpotlightTab, i) {
	
		SpotlightTab.addEvent("click", function(e) {
			if ((SpotlightTab.className!='Current') && (blnMidTransition == false)) {
			
				if(e) { autoScroll = false; }
				
				blnMidTransition = true;
				
				SpotlightImages[i].setStyle('z-index', 20);
				SpotlightImages[i].setStyle('opacity', 0);
				SpotlightImages[i].setStyle('display', 'block');
				SpotlightImages[i].setStyle('position', 'absolute');
				SpotlightImages[i].setStyle('top', $('FrontSpotlightsImagesContainer').getPosition().y);
				SpotlightImages[i].setStyle('left', $('FrontSpotlightsImagesContainer').getPosition().x);
				
				SpotlightBoxes[iLastSpotlight].setStyle('opacity', 1);
				var fadeFxBox = new Fx.Style(SpotlightBoxes[iLastSpotlight], 'opacity', { duration: 200, onComplete : function() {
					SpotlightBoxes[iLastSpotlight].setStyle('display', 'none');
					SpotlightBoxes[i].setStyle('opacity', 0);
					SpotlightBoxes[i].setStyle('display', 'block');
					var fadeFxBoxNext = new Fx.Style(SpotlightBoxes[i], 'opacity', { duration: 200 }).start(0,1);						
				} }).start(1,0);
				
				
				//SpotlightBoxes[i].setStyle('display', 'block');
				
				SpotlightTabs[iLastSpotlight].setStyle('background-color', '#6A6A39');
				SpotlightTabs[iLastSpotlight].className='';

				SpotlightTab.setStyle('background-color', '#663032');
				SpotlightTab.className = 'Current';
				
				var fadeFx = new Fx.Style(SpotlightImages[i], 'opacity', { duration: 500, onComplete : function() {
				
					$('FrontSpotlightsImagesContainer').setStyle('background-image', 'url('+SpotlightImages[i].getFirst().src+')');
					SpotlightImages[i].setStyle('display', 'none');
					iLastSpotlight = i;
					blnMidTransition = false;
					
				} }).start(0,1);	
							
			}
		});
		
		SpotlightTab.addEvent("mouseover", function() {
			SpotlightTab.setStyle('background-color', '#663032');
		});		
		
		SpotlightTab.addEvent("mouseout", function() {
			if(SpotlightTab.className!='Current'){
				SpotlightTab.setStyle('background-color', '#6A6A39');
			}			
		});		
	
	});
	
	// Automatic Scroller every 5 seconds
	(function() {
		if (autoScroll) {
			var nextSpotlight = iLastSpotlight + 1;
			if(nextSpotlight == SpotlightTabs.length) { nextSpotlight=0; }
			SpotlightTabs[nextSpotlight].fireEvent("click");
		}		
	}).periodical(7000);
	
	
});