var nav  = ['#a', '#b', '#c','#d'];
var state = [0,0,0,0];
var inMenu =0;
var cord = new Array ( );
cord[0] = new Array ("50px","50px");
cord[1] = new Array ("270px","50px");
cord[2] = new Array ("50px","220px");
cord[3] = new Array ("270px","220px");



function gallery(id){
	switch(id){
		case 1:
			moveup(0);
			break;
		
		case 2:
			moveup(1);
			break;
		
		case 3:
			moveup(2);
			break;
		
		case 4:
			moveup(3);	
			break;
			
	}
	
}

function fadeout(id){
	if(inMenu==0){
	for ( i = 0; i < nav.length; i++ ) {
		if(nav[i]!=nav[id]){		
			
			$(nav[i]+' .gal_cat').fadeTo(200,0).hide(200);
			$(nav[i]+' .subcontent').hide(1);
		}
	}
	}
}

function fadein(id){
	for ( i = 0; i < nav.length; i++ ) {
		if(nav[i]!=nav[id]){
			$(nav[i]+' .gal_cat').fadeTo(500,1).show(500);
			$(nav[i]+' .subcontent').show(1000);
		}	
	}
	loadContent(99);
}

function moveup(id){
	if(state[id]==0){
		if(inMenu==0){
		showsub(id);
		fadeout(id);
		state[id]=1;
		
		$(nav[id]).animate({left:'0px',top:'0px'},{ duration: 500, queue: true });
		inMenu=1;
		}
	}else{
		if(inMenu==1){
		fadein(id);
		showsub(id);	
		state[id]=0;
		$(nav[id]).animate({left:'0px',top:'0px'},{ duration: 500, queue: true }).animate({left: cord[id][0],top: cord[id][1]},{ duration: 500, queue: true });
		inMenu=0;
	}
	}
}

function hideSubMenu(){
	for ( i = 0; i < nav.length; i++ ) {
		$(nav[i]+" .subnavi").hide();
	}
}

function showsub(id){
	if(state[id]==1){
		$(nav[id]+" .subnavi").slideToggle({ duration: 400, queue: true });
	}else{
		$(nav[id]+" .subnavi").fadeTo(500,1).slideToggle({ duration: 401, queue: true });
	}
}

//$(".services_navi_submenu").hide();
//	  $("#services_navi").animate({"top": "+=664px"}, "slow")
	  
//	  $("#services_navi_resi").slideToggle("slow");
function loadContent(id) {
	$(".subcontent").load("images.php?text="+id+"");
}

function switchpage(id){
  window.location="products.php?id="+id+"";
}