var yPosition = 550;
new ypSlideOutMenu("menu1", "right", 10, 3, 150, 215);
//function ypSlideOutMenu(id, dir, left, top, width, height)

ypSlideOutMenu.writeCSS();


	function manageDisplay(id, type)
	{
 		switch(id)
		{
			case "img1":
						if(type == "over")
						{
							document.getElementById(id).src = "images/plantel_nav_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/plantel_nav.gif";
						}
						break;
			case "img2":
						if(type == "over")
						{
							document.getElementById(id).src = "images/calendario_navhover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/calendario_nav.gif";
						}
						break;
			case "img3":
						if(type == "over")
						{
							document.getElementById(id).src = "images/cronologia_navhover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/cronologia_nav.gif";
						}
						break;
			case "img4":
						if(type == "over")
						{
							document.getElementById(id).src = "images/one_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/one.gif";
						}
						break;
			case "img5":
						if(type == "over")
						{
							document.getElementById(id).src = "images/two_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/two.gif";
						}
						break;
			case "img6":
						if(type == "over")
						{
							document.getElementById(id).src = "images/three_hvoer.gif";
						}
						else
						{
							document.getElementById(id).src = "images/three.gif";
						}
						break;
			case "img7":
						if(type == "over")
						{
							document.getElementById(id).src = "images/four_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/four.gif";
						}
						break;
			case "img8":
						if(type == "over")
						{
							document.getElementById(id).src = "images/five_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/five.gif";
						}
						break;
			case "img9":
						if(type == "over")
						{
							document.getElementById(id).src = "images/six_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/six.gif";
						}
						break;
			case "img10":
						if(type == "over")
						{
							document.getElementById(id).src = "images/seven_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/seven.gif";
						}
						break;
			case "img11":
						if(type == "over")
						{
							document.getElementById(id).src = "images/eight_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/eight.gif";
						}
						break;
			case "img12":
						if(type == "over")
						{
							document.getElementById(id).src = "images/nine_hvoer.gif";
						}
						else
						{
							document.getElementById(id).src = "images/nine.gif";
						}
						break;
			case "img13":
						if(type == "over")
						{
							document.getElementById(id).src = "images/ten_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/ten.gif";
						}
						break;
			case "img14":
						if(type == "over")
						{
							document.getElementById(id).src = "images/eleven_hover.gif";
						}
						else
						{
							document.getElementById(id).src = "images/eleven.gif";
						}
						break;
		}
		
	}
	function MenuMouseOver(mid, id)
	{
	
		switch(mid)
		{
			case "1":
			case 1:
				//manageDisplay(id, 'over');
				ypSlideOutMenu.showMenu('menu1');
				break;
			case "2":
			case 2:
				//manageDisplay(id, 'over');
				ypSlideOutMenu.showMenu('menu2');
				break;
		}
	}
	function MenuMouseOut(mid, id)
	{
		switch(mid)
		{
			case "1":
			case 1:
				//manageDisplay(id, 'out');
				ypSlideOutMenu.hideMenu('menu1');
				break;
			case "2":
			case 2:
				//manageDisplay(id, 'out');
				ypSlideOutMenu.hideMenu('menu2');
				break;
		}
	}
	function HeaderMouseover(id)
	{
		switch(id)
		{
			case "1":
			case 1:
				ypSlideOutMenu.showMenu('menu1');
				document.getElementById("ImageMenu").src = "images/pumas_nav_hover.gif";
 				break;
		}
	}
	
	function HeaderMouseout(id)
	{
		switch(id)
		{
			case "1":
			case 1:
				ypSlideOutMenu.hideMenu('menu1');
				document.getElementById("ImageMenu").src = "images/pumas_nav.gif";
 				break;

		}
	}