//on left menu links
	function show_p(id)
	{ 
		//alert("show_p"+id);
		/*alert(id);
		var first=$("#"+id);
		alert("expecting first:visible is false, actual: " + first.is(":visible"));
		if(first.is(":visible"))*/

		$(".panel1").animate({marginRight:"0"}, 500 );
		$(".panel").animate({width:"270px", opacity:1}, 500 );
		$(".colleft1").animate({width:"0px", opacity:0}, 400 );
		$(".colleft").animate({width:"284px", opacity:1}, 400 );
		$(".left_shd").animate({width:"284px", opacity:1}, 400 );
		$(".showPanel").show("normal").animate({width:"270px", opacity:1}, 200);
		$(".showPanel1").show("normal").animate({width:"0px", opacity:0}, 200);
		$(".hidePanel").show("normal").animate({width:"129px", opacity:1}, 200);

		$("#show_arrow1").css("display","none");
		$("#show_arrow").css("display","block");
		
		//$("#colright").animate({marginLeft:"284px"}, 500);
		
		//$("#colright").animate({marginLeft:"284px"}, 500);
		//$("#colright").css("float", "right");
		//$("#right_panel").css("display","none");
		//$("#left_panel").css("width","284px");
		//$("#colright").css("width","714px");
			//$("#contact").toggle();
	}
	
	
	function hide_p(id)
	{
		
		//alert("hide_p"+id);
		$("#show_arrow1").css("display","none");
		$("#show_arrow").css("display","none");
		//$("#colright").animate({marginLeft:"142px"}, 200);
		$(".panel1").animate({marginRight:"0px"}, 400 );
		$(".panel").animate({marginLeft:"0px"}, 400 );
		$(".panel1").animate({width:"142px", opacity:1}, 400 );
		$(".panel").animate({width:"142px", opacity:1}, 400 );
		$(".colleft1").animate({width:"142px", opacity:1}, 400 );
		$(".colleft").animate({width:"142px", opacity:1}, 400 );
		$(".left_shd").animate({width:"142px", opacity:1}, 400 );
		$(".right_shd").animate({width:"142px", opacity:1}, 400 );
		$(".showPanel").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".showPanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".hidePanel").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".hidePanel1").show("normal").animate({width:"129px", opacity:1}, 200);

		
		
		//$("#contact").html("<a class='menuitem hidePanel' href='#' id='contact'>CONTACT</a>");
		//$("#contact").toggle();

	/*	$("#"+id).css("display","none");
		$("#"+id).css("display","none");*/
		$("#contact").css("display","none");
		$("#branding").css("display","none");
		//$(".left_shd").css("")
	}
	
	
	
	
	
	//on right menu links
	function show_p1(id)
	{
	
		//alert("show_p1"+id);
		$("#show_arrow").css("display","none");
		$("#show_arrow1").css("display","block");
		$(".panel1").css("marginRight","0px");
		$(".panel").animate({marginLeft:"-142px"}, 500 );
		$(".panel").animate({width:"0px", opacity:0}, 500 );
		$(".panel1").animate({width:"264px", opacity:1}, 500 );
		$(".colleft").animate({width:"0px", opacity:0}, 400 );
		$(".colleft1").animate({width:"284px", opacity:1}, 400 );
		$(".right_shd").animate({width:"284px", opacity:1}, 400 );
//		$(".showPanel").show("normal").animate({width:"284px", opacity:1}, 200);
		//$(".showPanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		//$("#colright").animate({marginRight:"142px"}, 500);
		//$("#colright").css("float", "left");
			$(".showPanel").show("normal").animate({width:"0px", opacity:0}, 200);
		$(".showPanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".hidePanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		
		
		
		


	}
	
	
	function hide_p1(id)
	{	
		//alert("hide_p1"+id);
		
		$("#show_arrow1").css("display","none");
		$("#show_arrow").css("display","none");
		//$("#colright").animate({marginLeft:"142px"}, 200);
		//$(".panel").animate({marginRight:"0px"}, 400 );
		//$(".colleft").animate({width:"142px", opacity:1}, 400 );
		//$(".right_shd").animate({width:"142px", opacity:1}, 400 );
		
		
		//$(".panel1").animate({marginRight:"0px"}, 400 );
		$(".panel").animate({marginLeft:"0px"}, 400 );
		$(".panel1").animate({width:"142px", opacity:1}, 400 );
		$(".panel").animate({width:"142px", opacity:1}, 400 );
		$(".colleft1").animate({width:"142px", opacity:1}, 400 );
		$(".colleft").animate({width:"142px", opacity:1}, 400 );
		$(".left_shd").animate({width:"142px", opacity:1}, 400 );
		$(".right_shd").animate({width:"142px", opacity:1}, 400 );
		$(".showPanel").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".showPanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".hidePanel1").show("normal").animate({width:"129px", opacity:1}, 200);
		$(".hidePanel").show("normal").animate({width:"129px", opacity:1}, 200);
		
		
		
		

		
		
		
		
		
		
		
		//$("#contact").removeClass("submenuheader");
		//$("#contact").html("<a class='menuitem hidePanel' href='#' id='contact'>CONTACT</a>");
		/*$("#"+id).css("display","none");
		$("#"+id).css("display","none");*/
		$("#contact").css("display","none");
		$("#branding").css("display","none");
		//$(".showPanel").animate({width:"0px", opacity:0}, 600).hide("slow");
		
		
		
		
		
	}