$(document).ready(function() {
						 
	var count = $("div.window").find(".image_reel img").size();

	$(".teaser").each(function() {
	
		//Set Default State of each portfolio piece
		$(this).find(".main_view").show(450);
		$(this).find(".paging").show();
		$(this).find(".desc").show(700);
		$(this).find(".desc_").show(700);

		$(this).find(".paging a:first").addClass("active");
		$("div.desc").find(".txt1").css("display","block");
		$("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 {
			for(i=1; i<=count; i++){
				$("div.desc").find(".txt"+i).css("display","none");
				$("div.desc_").find(".txt"+i+"_").css("display","none");
			}
//			$("div.desc").find(".txt1").css("display","none");
//			$("div.desc_").find(".txt1_").css("display","none");
//			$("div.desc").find(".txt2").css("display","none");
//			$("div.desc_").find(".txt2_").css("display","none");
//			$("div.desc").find(".txt3").css("display","none");
//			$("div.desc_").find(".txt3_").css("display","none");
//			$("div.desc").find(".txt4").css("display","none");
//			$("div.desc_").find(".txt4_").css("display","none");
//			$("div.desc").find(".txt5").css("display","none");
//			$("div.desc_").find(".txt5_").css("display","none");
//			$("div.desc").find(".txt6").css("display","none");
//			$("div.desc_").find(".txt6_").css("display","none");
			$("div.desc").find(".txt"+triggerID1).css("display","block");
			$("div.desc_").find(".txt"+triggerID1+"_").css("display","block");
			
			//Set active paging
			$("div.main_view").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==count) triggerID=0;
		var imgWidth = $("div.window > .image_reel").find("img").width();
		var image_reelPosition = triggerID * imgWidth;
			
			for(i=1;i<=count;i++){
				$("div.desc").find(".txt"+i).css("display","none");
				$("div.desc_").find(".txt"+i+"_").css("display","none");
			}
//			$("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(".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");
			$("div.desc_").find(".txt"+a+"_").css("display","block");
			//Set active paging
			$("div.main_view").find(".paging a").removeClass("active");
			$("#n"+a).addClass("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 );
		

  }


});