$(function(){

	var sd = $("#services .description");
	var sl = $("#services .list ul");
	var si = $("#services .image");
	var st = $("#services .image .title");
	
	// copy default
	var oi = $("#services .description img");
	var op = $("#services .description p");
	
	var counter = -1;
	var timer = setInterval(featureRotation, 10000);	
	
	handleMouse();
	featureRotation();
	
	$("#showReel09").click(function(){
		clearInterval(timer);
	});
	
	function featureRotation(){
		
		$("#services .list ul li a")
		.removeClass("active")
		.ifixpng();
		
		var li = sl.children()[counter];
		if(li != undefined){
			$(li).children("a").addClass("active");
			
			sd.text($(li).children("p").text());
			st.text($(li).children("a").text());

			si.children("img").remove();
			
			var im = $("<img>")
			.attr("src", $(li).children("img").attr("src"))
			.prependTo(si);
		} else {
			sd.text(op.text());
			st.text("Welcome to Tribe Studios");
			si.children("img").remove();
			si.prepend(oi);
		}
		
		si.children("img").hide().fadeIn("slow");
		
		if(counter < sl.children().length)
			counter++;
		else
			counter = 0;
	};
	
	function handleMouse(){
		$("#services .list ul li a").mouseover(function(){
			clearInterval(timer);
			timer = undefined;
			counter = $(this).parent().index();
			featureRotation();
		}).mouseout(function(){
			if(timer == undefined)
				timer = setInterval(featureRotation, 5000);
		});
	}
});