jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

var contact = false;

function menuF (cat, slide) {
		menu = $("#menuinc");
		$.ajax({
	type: "GET",
	data: "cat=" + cat,
	url: "menu.php",
	success: function(msg){
	 menu.html(msg);
	 if (slide == true){
	 menu.slideDown();
	 }
	 }
 });
 }
	$.preloadImages("imgs/fd.jpg", "imgs/lt.jpg", "imgs/pg.jpg", "imgs/pd.jpg", "imgs/ma.jpg");		
			var
			str1 = "more ▼";
			str2 = "hide ▲";
			
		
		jQuery().ready(function(){
		
				
		$("#sliding").hide();
		$("#more").live("click", function(){
							what = $("#menutitle").attr("alt");
									switch(what)
							{
							case 'fd':
							  var classm = 'm-yellow';
							  break;
							case 'pg':
							  var classm = 'm-red';
							  break;
							case "lt":
							  var classm = 'm-blue';
							  break;
							case "pd":
							  var classm = 'm-gray1';
							  break;
							case "ma":
							  var classm = 'm-gray2';
							  break;
							}
			if($("#more-tit").text() == str1) {
				
				$("#sliding").slideDown(700).wait(700, function()
					{
				$("#more").animate({
									className: classm
									}, 700 );
				$('#more-tit').fadeOut(500).wait(500, function()
						{				
				$("#more-tit").text(str2);
				$('#more-tit').fadeIn(500);
						});
					});
        		}
			else {
				
				$("#sliding").slideUp(700).wait(700, function()
					{
				$("#more").animate({
									className: 'm'
									}, 700 );
				$('#more-tit').fadeOut(500).wait(500, function()
						{				
				$("#more-tit").text(str1);
				$('#more-tit').fadeIn(500);
						});
					});
        		}
			
    });
		$(".menulink").live("click", function(){
		var
		str = $(this).attr("href");
		cat = str.replace('#','');
		menu = $("#menuinc");
		slide = true;
		
		if (cat != "contact"){
		menu.slideUp(300).wait(300, menuF(cat, slide));
		var contact = false;
		}
		else
		{
		menu.slideUp().wait(500, function (){
		menu.html('');
		menu.slideDown();
		if ( contact != true){
		var contact = true;
		$("#content").fadeOut(400, function() {
		$.get("works/contact.html", function(data){		
		$(".work").html(data);
		$("#content").fadeIn(400);
		});
		});
		}


		});
		}
	});
	});