var Dom = YAHOO.util.Dom, 
    Event = YAHOO.util.Event,
    JSON = YAHOO.lang.JSON,
	Anim = YAHOO.util.Anim;

	var rollInAttr = { 
		opacity: { from: 0, to: 1 }
	}; 

	var rollOutAttr = { 
		opacity: { from: .75, to: 0 }
	}; 

var currentCarItem = 1;

Event.onDOMReady(function() { 

	if (Dom.get('fromtheblog-entries')) {

		Dom.get('fromtheblog-entries').innerHTML = blogHTML;
		Event.onContentReady('fromtheblog-entries',function(){
			window.setTimeout(function(){
				Dom.setStyle('fromtheblog-loading','display','none');
				Dom.setStyle('fromtheblog-entries','display','block');
				
				var anim3 = new YAHOO.util.Anim('fromtheblog-entries', rollInAttr, .75, YAHOO.util.Easing.easeIn); 
				anim3.animate();
			},500);
		});
	}

	var spNav = Dom.get('inthespotlight-nav');
	var spBody = Dom.get('inthespotlight-body');
	var spnavinner = '<a href="./" class="arrow" id="car-nav-prev">&lt;</a>';
	var spBodyinner = '<div style="background-color: #000; overflow: hidden; border: 2px solid #777; border-top: 0;">';

	for (i = 0; i < carouselData.length; i++) {

		var j = i + 1;
		if (i == 0) {
			spnavinner += '<a href="./" class="dot active" id="car-nav-'+j+'"><span>@</span></a>';
			spBodyinner += '<div title="'+carouselData[i][1]+'" class="car-item" id="car-item-'+j+'"><a href="'+carouselData[i][0]+'" style="background-image: url(carousel_items/'+carouselData[i][2]+');" /></a></div>';
		} else {
			spnavinner += '<a href="./" class="dot" id="car-nav-'+j+'"><span>@</span></a>';
			spBodyinner += '<div title="'+carouselData[i][1]+'" class="car-item" id="car-item-'+j+'"><a href="'+carouselData[i][0]+'" style="background-image: url(carousel_items/'+carouselData[i][2]+');" /></a></div>';
		}
	}

	spnavinner += '<a href="./" class="arrow" id="car-nav-next">&gt;</a>';
	spNav.innerHTML = spnavinner;
	spBody.innerHTML = spBodyinner+"</div>";

	var spNavLinks = Dom.getElementsByClassName('dot','a',spNav);
	var spBodyPanels = Dom.getElementsByClassName('car-item','div');
	
	var rotateItems = function() {
		var cr = currentCarItem;

		if (currentCarItem < carouselData.length)
			currentCarItem = currentCarItem + 1;
		else
			currentCarItem = 1;

		if (currentCarItem == 1)
			Dom.removeClass(spNavLinks[carouselData.length - 1],'active');
		else
			Dom.removeClass(spNavLinks[currentCarItem - 2],'active');	
		
		var anim2 = new YAHOO.util.Anim('car-item-'+cr, rollOutAttr, .75, YAHOO.util.Easing.easeOut); 
		anim2.animate();
		anim2.onComplete.subscribe(function() {
			window.setTimeout(function(){
				Dom.setStyle('car-item-'+cr,'display','none');
				Dom.setStyle('car-item-'+currentCarItem,'display','block');
							
				var anim3 = new YAHOO.util.Anim('car-item-'+currentCarItem, rollInAttr, .75, YAHOO.util.Easing.easeIn); 
				anim3.animate();
			},0);
		});		
		Dom.addClass(spNavLinks[currentCarItem - 1],'active');
	};

	Dom.get('car-nav-next').onclick = function() {
		
		var cr = currentCarItem;

		if (currentCarItem < carouselData.length)
			currentCarItem = currentCarItem + 1;
		else
			currentCarItem = 1;

		if (currentCarItem == 1)
			Dom.removeClass(spNavLinks[carouselData.length - 1],'active');
		else
			Dom.removeClass(spNavLinks[currentCarItem - 2],'active');	
		
		var anim2 = new YAHOO.util.Anim('car-item-'+cr, rollOutAttr, .75, YAHOO.util.Easing.easeOut); 
		anim2.animate();
		anim2.onComplete.subscribe(function() {
			window.setTimeout(function(){
				Dom.setStyle('car-item-'+cr,'display','none');
				Dom.setStyle('car-item-'+currentCarItem,'display','block');
							
				var anim3 = new Anim('car-item-'+currentCarItem, rollInAttr, .75, YAHOO.util.Easing.easeIn); 
				anim3.animate();
			},0);
		});		
		Dom.addClass(spNavLinks[currentCarItem - 1],'active');
		
		window.clearInterval(rotCarousel);
		rotCarousel = window.setInterval(rotateItems,8000);

		return false;
	}
	
	Dom.get('car-nav-prev').onclick = function() {

		var cr = currentCarItem;

		if (currentCarItem > 1)
			currentCarItem = currentCarItem - 1;
		else
			currentCarItem = carouselData.length;

		if (currentCarItem  == carouselData.length)
			Dom.removeClass(spNavLinks[0],'active');
		else
			Dom.removeClass(spNavLinks[currentCarItem],'active');
		
		var anim2 = new Anim('car-item-'+cr, rollOutAttr, .75, YAHOO.util.Easing.easeOut); 
		anim2.animate();
		anim2.onComplete.subscribe(function() {
			window.setTimeout(function(){
				Dom.setStyle('car-item-'+cr,'display','none');
				Dom.setStyle('car-item-'+currentCarItem,'display','block');
							
				var anim3 = new Anim('car-item-'+currentCarItem, rollInAttr, .75, YAHOO.util.Easing.easeIn); 
				anim3.animate();
			},0);
		});		
		Dom.addClass(spNavLinks[currentCarItem - 1],'active');
		
		window.clearInterval(rotCarousel);
		rotCarousel = window.setInterval(rotateItems,8000);

		return false;
	}

	for (z = 0; z < spNavLinks.length; z++) {

		spNavLinks[z].onclick = function() {

			var cr = currentCarItem;
			var cid = this.id.split("-")[2];

			if (cr != cid) {

				Dom.removeClass(spNavLinks,'active');

				var anim2 = new Anim('car-item-'+cr, rollOutAttr, .75, YAHOO.util.Easing.easeOut); 
				anim2.animate();

				anim2.onComplete.subscribe(function() {
					window.setTimeout(function(){
						Dom.setStyle('car-item-'+cr,'display','none');
						Dom.setStyle('car-item-'+cid,'display','block');
									
						var anim3 = new Anim('car-item-'+cid, rollInAttr, .75, YAHOO.util.Easing.easeIn); 
						anim3.animate();
						anim3.onComplete.subscribe(function() {

							currentCarItem = cid;					
							window.clearInterval(rotCarousel);
							rotCarousel = window.setInterval(rotateItems,8000);					
						});	
					},0);
				});	

				Dom.addClass(this,'active');
			}		

			return false;
		};
	}

	var anim = new Anim('car-item-1', rollInAttr, .75, YAHOO.util.Easing.easeIn); 
	anim.animate();

	var rotCarousel = window.setInterval(rotateItems,10000);
});//--Event.onDomReady