$(document).ready(function() {

	/* Activate First Focus On Section */
	$("#focus1").addClass("active");
	

	function closeAll(){
		$(".focus").removeClass("active");
		$(".focus_hide").hide();
	}

	/* Toggle each content  */
	
	 $(".focus").click(
	  function () {
		
		var theID=$(this).attr("id");
		
		switch(theID){
			case "focus1":
				$(".focus_big").stop();
				anim1();
				break;
			case "focus2":
				$(".focus_big").stop();
				anim2();
				break;
			case "focus3":
				$(".focus_big").stop();
				anim3();
				break;
			case "focus4":
				$(".focus_big").stop();
				anim4();
				break;
		}
				
      }
    );
	
	function anim(){
		$(".focus_big").animate({marginTop:0},3000,function(){
			closeAll();
			$("#focus2").addClass("active");
			$("#focus2_content").show();			
			$(".focus_big").animate({marginTop:-237},3000);
			$(".focus_big").animate({marginTop:-237},3000,function(){
				closeAll();
				$("#focus3").addClass("active");
				$("#focus3_content").show();			
				$(".focus_big").animate({marginTop:-(237*2)},3000);
				$(".focus_big").animate({marginTop:-(237*2)},3000,function(){
					closeAll();
					$("#focus4").addClass("active");
					$("#focus4_content").show();			
					$(".focus_big").animate({marginTop:-(237*3)},3000);
					$(".focus_big").animate({marginTop:-(237*3)},3000,function(){
						closeAll();
						$("#focus1").addClass("active");
						$("#focus1_content").show()
					$(".focus_big").animate({marginTop:-(237*4)},3000);
					$(".focus_big").animate({marginTop:-(237*4)},function(){
						closeAll();
						$("#focus1").addClass("active");
						$("#focus1_content").show();			
						$(".focus_big").remove().insertBefore("#focus_thumbnail").css({marginTop:0});
						anim();
					});				
					});				
				});			
			});		
		});		
	};
	
	$("#focus1_big").clone(true).insertAfter("#focus4_big");
	anim();
		
	function anim1(){
		closeAll();
		$("#focus1_content").show();
		$("#focus1").addClass("active");
		$(".focus_big").animate({marginTop:0},3000);
		$(".focus_big").animate({marginTop:0},3000,function(){anim2()});
	}
	
	function anim2(){
		closeAll();
		$("#focus2_content").show();
		$("#focus2").addClass("active");
		$(".focus_big").animate({marginTop:-237},3000);
		$(".focus_big").animate({marginTop:-(237)},3000,function(){
		anim3()});
	}
	
	function anim3(){
		closeAll();
		$("#focus3_content").show();
		$("#focus3").addClass("active");
		$(".focus_big").animate({marginTop:-(237*2)},3000);
		$(".focus_big").animate({marginTop:-(237*2)},3000,function(){
		anim4()});
	}
	
	function anim4(){
		closeAll();
		$("#focus4_content").show();
		$("#focus4").addClass("active");
		$(".focus_big").animate({marginTop:-(237*3)},3000);
		$(".focus_big").animate({marginTop:-(237*3)},3000,function(){
		anim5()});
	}

	function anim5(){
		closeAll();
		$("#focus1_content").show();
		$("#focus1").addClass("active");
		$(".focus_big").animate({marginTop:-(237*4)},3000);
		$(".focus_big").animate({marginTop:-(237*4)},3000,function(){
		$(".focus_big").remove().insertBefore("#focus_thumbnail").css({marginTop:0});
		anim2()});
	}
	


});