var cycler;
Drupal.behaviors.homepageFeatures = function(){

	$('.front .viewreference .view-call-to-action .views-row.first').addClass('active');
	$('.front .viewreference .view-call-to-action .views-row.last').addClass('last-active');
	$(function() {
		cycler = setInterval( function(){slideFade(2000);}, 5000 );
    });
	$('.front .viewreference .view-call-to-action .views-row div.featureTab').click(function(e){clearInterval(cycler);slideFade(this);});
}


function slideFade(elapse) { 
 var activeSlide = $('.viewreference .view-call-to-action .views-row.active');
 activeSlide.id = $(activeSlide).attr('id');
 activeSlide.tab = $(activeSlide).children('div.featureSlide').children('div.featureTab');
 activeSlide.slideBody = $(activeSlide.tab).next('div.slideBody');
 
 //$('.viewreference .view-call-to-action .views-row').removeClass('last-active');
 
 if($(elapse).hasClass('featureTab')){
	 var nextSlide = $(elapse).parent().parent('.views-row');
 }else{
	 var nextSlide = $(activeSlide).next().length ? $(activeSlide).next() : $('.viewreference .view-call-to-action .views-row.first');
 }
 nextSlide.tab = $(nextSlide).children('div.featureSlide').children('div.featureTab');
 nextSlide.slideBody = $(nextSlide.tab).next('div.slideBody');
 doAnimate(activeSlide, nextSlide, elapse);

}
	
function doAnimate(cur,next,elapse){
	cur.slideBody.fadeOut('normal');
	cur.tab.animate({color:"#FFFFF"}, 500);
	$(next.tab).children('h3').animate(
			{color:"#FFFFF"},
			500,
			function(){
				next.slideBody.fadeIn('normal');
				next.tab.animate(
						{color: "#373737"},
						500
				);
				$(cur.tab).children('h3').animate(
						{color:"#FFFFFF"},
						0
				);
				$(next.tab).children('h3').animate(
						{color: "#C25600"},
						500,
						function(){
							$(cur).removeClass('active');
							//$(cur).toggleClass('last-active');
							$(next).addClass('active');
							$('.front .viewreference .view-call-to-action .views-row').addClass('last-active');
						}
				);
			}
	);
	
	
}