$(document).ready(function(){
		$("#tab-1").css({position: 'absolute', zIndex: 4, left: "-340px"});
		$("#tab-2").css({position: 'absolute', zIndex: 4, left: "-340px"});
		$("#tab-3").css({position: 'absolute', zIndex: 4, left: "-340px"});
		$("#img2").animate({opacity: "hide"}, 1);
		$("#img3").animate({opacity: "hide"}, 1);
		
		var i=4;
		var k=5;
		var j=20;
		
		$("#tabs").find(".label").each(function(ii) {
			$("#label-" + (ii+1)).hover(function(x){
				if($("#tab-1").hasClass("animated")!=true && $("#tab-2").hasClass("animated")!=true && $("#tab-3").hasClass("animated")!=true){
					$("#tab-" + (ii+1)).addClass("animated");
					$("#label-1").css({zIndex: ++j});
					$("#label-2").css({zIndex: ++j});
					$("#label-3").css({zIndex: ++j});
					$("#tab-1").css({zIndex: ++k});
					$("#tab-2").css({zIndex: ++k});
					$("#tab-3").css({zIndex: ++k});
					$("#img" + (ii+1)).css({zIndex: ++i});
					if (ii!=0) {
						$("#img1").animate({opacity: "hide"}, 300);
					}
					if (ii!=1) {
						$("#img2").animate({opacity: "hide"}, 300);
					}
					if (ii!=2) {
						$("#img3").animate({opacity: "hide"}, 300);
					}
					$("#img" + (ii+1)).animate({opacity: "show"}, 300, "swing",  function(){$("#tab-" + (ii+1)).removeClass("animated");});
					$("#tab-" + (ii+1)).animate({left: "0px"}, 300);
				}
			},function(x){
				$("#tab-" + (ii+1)).animate({left: "-340px"}, 300);
			})
		});
		
    });