// FUNCIONES DE JQUERY
$(document).ready(function() {
	/*************** subrayar el titulo al pasar por encima**********************/
	$("#menu a img").hover(function() 
			{		   
				var newPosition;
				var position = $(this).position();	
				$("#linea").css("width",$(this).attr("width"));
				
				if(position.left<800)
					newPosition = position.left-25;
				else
					newPosition = position.left;
				
				$("#linea").stop().animate({ left: newPosition+"px" }, { duration:300, easing: "easeOutCubic" } );
			},
			function(){
			$("#linea").stop().animate({ left: "0" }, 100);      
			}
		);
	
	/**********************************************************************/
	// Cambiar fondo del menu al pasar por encima
		$("#menu a img.menu").mouseover(function()
			{
				imgsrcIni = $(this).attr("src"); //guardo la ruta ini de todos los elem "img" hijos de "menu a" (.children("img"))
				imagenOver = imgsrcIni.match(/-over/);//compruebo si en la ruta esta la cadena -over
				
				// si estado ON no hacer rollover
				if (!imagenOver)
				{
					imgsrcON = imgsrcIni.replace(/.gif$/ig,"-over.gif"); // cambio extension
					$(this).attr("src", imgsrcON);
				}
			}
		);
		
		$("#menu a img.menu").mouseout(function()
			{			
				$(this).attr("src", imgsrcIni);
			}
		);
		/**************************************************************/
		//desplegar menu
		/*
			en el mouseover --> reseteo el menu
							--> saco el submenu correspondiente
			en el mouseout	--> oculto el submenu
		*/

		$("#menu #liColegioFR")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuColegioFR').css('display', 'block').fadeIn();
			})
		
		$("#menu #liColegioFR li")
			.mouseout(function()
			{
				$('#submenuColegioFR').css('display', 'none').hide();
			});
		
		$("#menu #liEstructuraOrganizativa")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuEstructuraOrganizativa').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liEstructuraOrganizativa li")
			.mouseout(function()
			{
				$('#submenuEstructuraOrganizativa').css('display', 'none').hide();
				
			});
		
		$("#menu #liServicios")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuServicios').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liServicios li")
			.mouseout(function()
			{
				$('#submenuServicios').css('display', 'none').hide();
				
			});
			
		$("#menu #liOrgPedagogica")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuOrgPedagogica').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liOrgPedagogica li")
			.mouseout(function()
			{
				$('#submenuOrgPedagogica').css('display', 'none').hide();
			});
		
		$("#menu #liEspacioAlu")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuEspacioAlu').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liEspacioAlu li")
			.mouseout(function()
			{
				$('#submenuEspacioAlu').css('display', 'none').hide();
				
			});
			
		$("#menu #liActualidad")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuActualidad').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liActualidad li")
			.mouseout(function()
			{
				$('#submenuActualidad').css('display', 'none').hide();
				
			});
			
		$("#menu #liLocalizacionContacto")
			.mouseover(function()
			{
				$('.ulMenu').css('display', 'none');
				$('#submenuContacto').css('display', 'block').fadeIn();
				
			})
		
		$("#menu #liLocalizacionContacto li")
			.mouseout(function()
			{
				$('#submenuContacto').css('display', 'none').hide();
				
			});

		

		/**************************************************************/


});