$(document).ready(function() {

	$(".teaser").each(function() {
	
		//Set Default State of each portfolio piece
		$(this).find(".main_view").show(450);
		$(this).find(".paging").show(700);
		$(this).find(".desc").show(700);
		$(this).find(".paging a:first").addClass("active");
		$("div.desc").find(".txt1").css("display","block");
		
													
		//Get size of images, how many there are, then determin the size of the image reel.
		var windowWidth = 980 ;
		var imageSum = $(this).find(".image_reel img").size();
		var imageReelWidth = windowWidth * imageSum;
		
		//Adjust the image reel to its new size
		$(this).find(".image_reel").css({'width' : imageReelWidth});
	
	});	

	//Pagin events
	$(".paging a").click(function() {
	
		var triggerID = $(this).attr("rel") - 1;
		var imgWidth = $("div.window > .image_reel").find("img").width();
		var image_reelPosition = triggerID * imgWidth;
		var triggerID1 = triggerID + 1;
		//Ignore if Active
		if ( $(this).hasClass("active")) { 
			//Do Nothing
		}
		else {
			$("div.desc").find(".txt1").css("display","none");
			$("div.desc").find(".txt2").css("display","none");
			$("div.desc").find(".txt3").css("display","none");
			$("div.desc").find(".txt4").css("display","none");
			$("div.desc").find(".txt5").css("display","none");
			$("div.desc").find(".txt6").css("display","none");
			$("div.desc").find(".txt"+triggerID1).css("display","block");
			//Set active paging
			$("div.desc").find(".paging a").removeClass("active");
			$(this).addClass("active");

			//image_reel Image
			$("div.window > .image_reel").animate({ 
				left: -image_reelPosition
			}, 350 );
		}
		return false;
	});
	var timer = setInterval( showDiv, 5000);
	function showDiv() {
   		var triggerID = $(".paging a.active").attr("rel");
		if(triggerID==6) triggerID=0;
		var imgWidth = $("div.window > .image_reel").find("img").width();
		var image_reelPosition = triggerID * imgWidth;

			$("div.desc").find(".txt1").css("display","none");
			$("div.desc").find(".txt2").css("display","none");
			$("div.desc").find(".txt3").css("display","none");
			$("div.desc").find(".txt4").css("display","none");
			$("div.desc").find(".txt5").css("display","none");
			$("div.desc").find(".txt6").css("display","none");
			var a = parseInt(triggerID);
			a=a+1;
			$("div.desc").find(".txt"+a).css("display","block");
			//Set active paging
			$("div.desc").find(".paging a").removeClass("active");
			if(a==1) $("#n1").addClass("active");
			if(a==2) $("#n2").addClass("active");
			if(a==3) $("#n3").addClass("active");
			if(a==4) $("#n4").addClass("active");
			if(a==5) $("#n5").addClass("active");
			if(a==6) $("#n6").addClass("active");
			//image_reel Image
			$("div.window > .image_reel").animate({ 
				left: -image_reelPosition
			}, 350 );
		

  }


});