// JavaScript Document



$("document").ready(function(){

	var active;

	var deactive = null;
	
	$("#sub_info,#sub_contact,#sub_client").hover(function(){
		
		if(this != active){
			
			var src = $(this).find(".sub_title img").attr("src").match(/[^\.]+/) + "_over.gif";
			
			$(this).find(".sub_title img").attr("src",src);
			
		};
		},function(){
			
			if(this != active){
			
				var src = $(this).find(".sub_title img").attr("src").replace("_over","");
			
				$(this).find(".sub_title img").attr("src",src);
			};
	});

	$(".box").hover(function(){

		if(this != active){

			$(this).find(".image_over").fadeIn('fast');

		};

		},function(){

			$(this).find(".image_over").fadeOut('fast');

		

	});

	$("#sub_info,#sub_contact,#sub_client,.box").click(function(){
		
		if(this != active)
		{
				
			active = this;
		
			if(deactive != null){
						
				deactivate();
			
			};
		
			activate();
		};
	});
	
	$("#sub_close").click(function(){
		
		deactivate(); 

	});
	
	$(".no_click,.sample_video").click(function(event){
		event.stopPropagation();

	});

	function deactivate(){

		if(deactive.id == "sub_info"){
			
			var src = $(deactive).find(".sub_title img").attr("src").replace("_over","");
			
			$(deactive).find(".sub_title img").attr("src",src);
			
			$("#sub_close").fadeOut('fast');

			$(deactive).find("div.sub_copy").hide(700,function(){

				$(deactive).animate({width:"150px"},500);
				
				if (active == deactive){
					active = null;
					deactive = null;
				};

			});

		}else if(deactive.id == "sub_contact"){
			
			var src = $(deactive).find(".sub_title img").attr("src").replace("_over","");
			
			$(deactive).find(".sub_title img").attr("src",src);

			$(deactive).find("div.sub_copy").hide(700);

		}else if(deactive.id == "sub_client"){
			
			var src = $(deactive).find(".sub_title img").attr("src").replace("_over","");
			
			$(deactive).find(".sub_title img").attr("src",src);

			$(deactive).find("div.sub_copy").hide(700);

		}else{
			$(deactive).parent().parent().parent().find("div.copy").fadeOut('fast');
			
			$(deactive).parent().parent().parent().find("div.sample_video").css("display","none");

			$(deactive).animate({width:"64px",height:"64px"},'normal');

			
 
		};

	};

	function activate(){

		if(active.id == "sub_info"){
			
			$(active).animate({width:"630px"},500,function(){

				$(active).find("div.sub_copy").show('slow',function(){

					$(active).find("#sub_images").fadeIn('slow');

					$("html,body").animate({scrollTop: $("html,body").offset().top},1000);
					
					$(active).parent().find("#sub_close").fadeIn('slow');

					deactive = active;

				});

			});

		}else if(active.id == "sub_contact"){

			$(active).find("div.sub_copy").show(800,function(){

				$("html,body").animate({scrollTop: $(active).offset().top - 20},1000);

				deactive = active;

			});

		}else if(active.id == "sub_client"){

			$(active).find("div.sub_copy").show(800,function(){

				$("html,body").animate({scrollTop: $(active).offset().top - 20},1000);

				deactive = active;

			});

		}else{

			$(active).find(".image_over").css("display","none");

			$(active).animate({width:"400px",height:"319px"},1000,function(){

				$(active).parent().parent().parent().find("div.copy").fadeIn(300,function(){

					$("html,body").animate({scrollTop: $(active).parent().parent().parent().parent().parent().parent().parent().parent().parent().offset().top},1000,function(){
					
						$(active).parent().parent().parent().find("div.sample_video").fadeIn(300);
					});

					deactive = active;

				});

			});

		};

	};

});