﻿		var promos = new Array;
		var currentIndex = -1;
		var beenClicked = false;
		var domItems;
		var mainImageLink, mainImage, mainDescription, mainTitle, mainLink, mainDetails, mainDate;
		var options = { duration:0.3 }

		Event.observe(window, 'load', function() {
			domItems = $$('#mainPromo li');
			mainDetails = $('mainDetails');
			mainDate = $('mainDate');
			mainDescription = $('mainDescription');
			mainTitle = $('mainTitle');
			mainImageLink = $('mainImageLink');
			mainImage = $('mainImage');
			mainLink = $('mainLink');

			autorotate();
		});
		
		function promo_click(index) 
		{
			beenClicked = true;
			changePromo(index);
		}

		function changePromo(index) {
			if (currentIndex == index) return;
			currentIndex = index;
			domItems.each(function(item, index) { item.className = '' });
			domItems[index].className = 'selected';

			var promo = promos[index];

			if (mainDetails._effect!=null) mainDetails._effect.cancel()
			mainDetails._effect = new Effect.Fade(mainDetails, { duration: 0.3, afterFinish: fade_afterFinish });

//			if (mainImageLink._effect != null) mainImageLink._effect.cancel()
//			mainImageLink._effect = new Effect.Fade(mainImageLink, { duration: 0.3 });

			if (mainLink._effect != null) mainLink._effect.cancel()
			mainLink._effect = new Effect.Fade(mainLink, { duration: 0.3 });
		}
		function fade_afterFinish(args) {

			var promo = promos[currentIndex];
			
			mainDescription.update(promo.description);
			mainTitle.update(promo.title);
			mainDate.update(promo.date);
			mainTitle.href = promo.url;
//			mainImage.src = promo.image;
//			mainImageLink.href = promo.url;
			mainLink.href = promo.url;

			if (mainDetails._effect != null) mainDetails._effect.cancel()
			mainDetails._effect = new Effect.Appear(mainDetails, { duration: 0.3 });

//			if (mainImageLink._effect != null) mainImageLink._effect.cancel()
//			mainImageLink._effect = new Effect.Appear(mainImageLink, { duration: 0.3 });

			if (mainLink._effect != null) mainLink._effect.cancel()
			mainLink._effect = new Effect.Appear(mainLink, { duration: 0.3 });

		}
		function autorotate() {

			var newIndex = currentIndex + 1;
			if (newIndex == promos.length) newIndex = 0;
			
			if (!beenClicked) 
			{
				changePromo(newIndex);
				setTimeout('autorotate()', 6000);
			}
		}
