$(document).ready(function(){
			
		$("#linkblock4").css({
					"width" : "720px",
					"height" : "360px",
					"display" : "block",
					"marginTop" : "0px",
					"marginLeft" : "0px"
			      }, 1000 );
			
		$.fn.wait = function(time, type) {
			time = time || 200;
			type = type || "fx";
			return this.queue(type, function() {
				var self = this;
				setTimeout(function() {
					$(self).dequeue();
				}, time);
			});
    	};
		
		
		function resetvar( part ) {
			 if( part == 0 ) {
					setTimeout( function() { resetvar( 1 ); }, 2000 );
				} else if( part == 1 ) {
					varlocked = 0;	
				}

			
		}
		
		var varlocked = 0;
		$(".dclassblock1").mouseover(function(){
			if(varlocked != 1) {
				varlocked = 1;
			$("#dblock2").css({
					"z-index" : "0",
				});
			
			$(this).css({
					"z-index" : "1",
				});
			
			$("#dblock2").addClass("dclassblock2locked");
			$("#dblock3").addClass("dclassblock3locked");
			$("#dblock4").addClass("dclassblock4locked");
			$("#dblock2").removeClass("dclassblock2");
			$("#dblock3").removeClass("dclassblock3");
			$("#dblock4").removeClass("dclassblock4");
			

			
			$(".info-area").animate({
		        opacity: 1.0,
			      }, 600 );
			$("#dblock2").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock3").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock4").animate({
		        opacity: 0.3,
			      }, 600 );
			
			$(this).wait().animate({
					width: "720px",
					height: "528px"
			      }, 1000 );
			
			}
			
			}).mouseout(function() {
				$(this).animate({
					width: "300px",
					height: "220px"
			      }, 600 );
				$("#dblock2").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock3").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock4").animate({
		        	opacity: 1.0,
			      }, 600 );
				
				resetvar(0);
			});
		
		
		
		
		$(".dclassblock2").mouseover(function(){
			if(varlocked != 1) {
				varlocked = 1;
			$(this).css({
					"z-index" : "1",
				});
			
			$("#dblock1").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock3").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock4").animate({
		        opacity: 0.3,
			      }, 600 );
			
			
			$(this).wait().animate({
					width: "720px",
					height: "377px",
					marginLeft: "0px"
			      }, 1000 );
			
			$(".info-area").animate({
		        opacity: 1.0,
			      }, 600 );
			
			}
			
			}).mouseout(function() {
				$(this).animate({
					width: "420px",
					height: "220px",
					marginLeft: "300px"
			      }, 600 );
				
				$("#dblock1").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock3").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock4").animate({
		        	opacity: 1.0,
			      }, 600 );
				
				resetvar(0);
			});
		
		
		$(".dclassblock3").mouseover(function(){
			if(varlocked != 1) {
				varlocked = 1;
			$(this).css({
					"z-index" : "1",
				});
			
			$("#dblock1").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock2").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock4").animate({
		        opacity: 0.3,
			      }, 600 );
			
			
			$(this).wait().animate({
					width: "720px",
					height: "360px",
					marginLeft: "0px",
					marginTop: "0px"
			      }, 1000 );
			
			$(".info-area").animate({
		        opacity: 1.0,
			      }, 600 );
			
			}
			
			}).mouseout(function() {
				$(this).animate({
					width: "300px",
					height: "140px",
					marginTop: "220px"
			      }, 600 );
				
				$("#dblock1").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock2").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock4").animate({
		        	opacity: 1.0,
			      }, 600 );
				
				$(this).wait().css({
					"z-index" : "0",
				});
				
				resetvar(0);
			});

	
		$(".dclassblock4").mouseover(function(){
			if(varlocked != 1) {
				varlocked = 1;
			$(this).css({
					"z-index" : "1",
				});
			
			$("#dblock1").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock3").animate({
		        opacity: 0.3,
			      }, 600 );
			$("#dblock2").animate({
		        opacity: 0.3,
			      }, 600 );
			
			
			
			$(this).wait().animate({
					width: "720px",
					height: "360px",
					marginTop: "0px",
					marginLeft: "0px"
			      }, 1000 );
			
			
			
			$(".info-area").animate({
		        opacity: 1.0,
			      }, 600 );
			
			}
			
			$("#linkblock4").css({
					"width" : "720px",
					"height" : "360px",
					"display" : "block",
					"marginTop" : "0px",
					"marginLeft" : "0px"
			      }, 1000 );
			
			
			
			
			
			});
		
		$(".dclassblock4").mouseout(function() {
				$(this).animate({
					width: "420px",
					height: "140px",
					marginLeft: "300px",
					marginTop: "220px"
			      }, 600 );
				
				
				$("#dblock1").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock3").animate({
		        	opacity: 1.0,
			      }, 600 );
				$("#dblock2").animate({
		        	opacity: 1.0,
			      }, 600 );
				$(this).wait().css({
					"z-index" : "0",
				});
				
				resetvar(0);
			});

});