var btehTimer = 0;
var btehReset = 0;
var btehFocus = 1;
var btehPrevFocus = 1;
var btehLength = 4;
var btehID = 1;
function featureChange (nbtehID) {
	
	btehPrevFocus = btehID;
	btehID = nbtehID;	
	btehID -= 1;
	
	$("#homepageFeaturesControls ul li").eq(btehPrevFocus).removeClass("activeFeat");
	$("#homepageFeaturesControls ul li").eq(btehID).addClass("activeFeat");
	
	for (i = 0;i < btehLength; i += 1) {
		var myOpacity = parseFloat($("#homepageFeatures ul.featuresList li").eq(i).css("opacity"));
		if (i!=btehID && myOpacity > 0 && i != btehPrevFocus) {
			$("#homepageFeatures ul.featuresList li").eq(i).children("a").children("img").animate({opacity: 0.0}, "400", function () {
				$(this).parent().parent().css("display","none");
			});
		} else if (i == btehPrevFocus) {
			$("#homepageFeatures ul.featuresList li").eq(i).children("a").children("img").animate({opacity: 0.0}, "400", function () {
				$(this).parent().parent().css("display","none");
				$("#homepageFeatures ul.featuresList li").eq(btehID).css("display","block");
				$("#homepageFeatures ul.featuresList li").eq(btehID).children("a").children("img").animate({opacity: 1.0}, "400");
			});
		}
	}

	return false;
}
function featureClick (nbtehID) {

	featureChange(nbtehID);
	featurePlay();
	$("#featPause").html("PAUSE");
}
function featureSwitcher() {
	

	
	if (btehFocus == btehLength) {
		featureChange(btehFocus);
		btehFocus = 1;
	} else {
		featureChange(btehFocus);
		btehFocus += 1;
	}	
}
function featurePlay() {
	clearInterval(btehTimer);
	btehTimer = setInterval("featureSwitcher()", 5000);
}
function featurePause() {
	clearInterval(btehTimer);
}


$(document).ready(function(){
	
	
	featurePlay();
	
	$("#homepageFeatures ul").addClass("featuresList");
	$("#homepageFeatures ul li").not(":first").children("a").children("img").css({ opacity: 0 });
	$("#homepageFeatures ul").before('<div id="homepageFeaturesControls"><ul></ul></div>');
	var featureBoxHeight = 0;
	for (i = 1;i <= btehLength; i += 1) {
		$("#homepageFeaturesControls ul").append('<li id="feat'+i+'"><a href="#">'+i+'</a></li>');
		
		if (i == 1) {
			$("#homepageFeatures ul li").eq(i-1).addClass("activeFeat");
		}
		$("#feat"+i).bind("click", function () {
			var ih = $(this).attr("id");
			ih = ih.substring(4);
			featureClick(ih);
			return false;
		});
	}
	
	$("#homepageFeaturesControls ul").append('<li><a id="featPause" href="#">PAUSE</a></li>');
	$("#featPause").bind("click", function () {
		if ($(this).html()=="PAUSE") {
			featurePause();
			$(this).html("PLAY");
		} else {
			featurePlay();
			$(this).html("PAUSE");
		}
		return false;
	});	
});