$(document).ready(function(){
	
	$(".trigger").mouseover(function(){
		$(".panel").show("slide", {direction: 'left'}, 500);
		if($(".panel2").is(':visible'))
			$(".panel2").hide("slide", {direction: 'left',  mode:'hide'}, 100);
		if($(".panel3").is(':visible'))
			$(".panel3").hide(100);
		$(this).toggleClass("active");
		return false;
	});
	
	$(".trigger2").mouseover(function(){
		$(".panel2").show("slide", {direction: 'left'}, 500);
		if($(".panel").is(':visible'))
			$(".panel").hide("slide", {direction: 'left', mode:'hide'}, 100);
		if($(".panel3").is(':visible'))
			$(".panel3").hide(100);		
		$(this).toggleClass("active");
		return false;
	});
	
	$(".trigger4").mouseover(function(){
		$(".panel3").show("slide", {direction: 'left'}, 500);
		if($(".panel2").is(':visible'))
			$(".panel2").hide("slide", {direction: 'left',  mode:'hide'}, 100);
		if($(".panel").is(':visible'))
			$(".panel").hide("slide", {direction: 'left', mode:'hide'}, 100);
		$(this).toggleClass("active");
		
		return false;
	});
	
	$(".trigger3").mouseover(function(){
		if($(".panel2").is(':visible'))
			$(".panel2").hide(100);
		if($(".panel").is(':visible'))
			$(".panel").hide(100);
		if($(".panel3").is(':visible'))
			$(".panel3").hide(100);
		$(this).toggleClass("active");
		return false;
	});
	
		
	$('.panel2').mouseleave(function(){
		if($(".panel2").is(':visible'))
			$(".panel2").hide("slide", {direction: 'left',  mode:'hide'}, 500);
	});

	$('.panel').mouseleave(function(){
		if($(".panel").is(':visible'))
			$(".panel").hide("slide", {direction: 'left',  mode:'hide'}, 500);
	});
	
	$('.panel3').mouseleave(function(){
		if($(".panel3").is(':visible'))
			$(".panel3").hide("slide", {direction: 'left',  mode:'hide'}, 500);
	});
	
	$(".btn-slide").click(function(){
		$(".WhiteTrans, .panel, .panel2, .panel3, .WhiteTransContact ").each(function(){

			if($(this).css('top') != $(this).height()-10+"px")
			{
			  $(this).animate({
				top: ($(this).height()-10)+"px"
			  }, 500, function() {
				
			  });
			}else
			{
			  $(this).animate({
				top: "0px"
			  }, 500, function() {
				
			  });
			}
		});
		
		$(".BlackTrans, .ColorTrans, .BlackTransGallery, .ColorTransGallery").each(function(){

			if($(this).css('top') != $(this).height()-10+"px")
			{
			  $(this).animate({
				top: ($(this).height()-10)+"px"
			  }, 500, function() {
				
			  });
			}else
			{
			  $(this).animate({
				top: "0px"
			  }, 1500, function() {
				
			  });
			}
		});

		
	});
	

});