//<![CDATA[

/**
 * Realiza un efecto al pasar el ratón sobre las imágenes marcadas con la clase
 * "rollover".
 */
function rollover ()
{
	var ruta;
	var directorio;
	var imagen;
	$(".rollover").hover(		
		function(e)
		{
			ruta = $(this).attr("src");
			directorio = ruta.substr(0, ruta.lastIndexOf("/"));
			imagen = "_" + ruta.substr(ruta.lastIndexOf("/") + 1);
			$(this).attr("src", directorio + "/" + imagen);
		},
		function(e)
		{
			ruta = $(this).attr("src");
			directorio = ruta.substr(0, ruta.lastIndexOf("/"));
			imagen = ruta.substr(ruta.lastIndexOf("/") + 1).replace("_", "");
			$(this).attr("src", directorio + "/" + imagen);
		}
	);
}

/**
 * Realiza un efecto al pasar el ratón sobre los enlaces del pie de página.
 */
function rolloverPie ()
{
	var ruta;
	var directorio;
	var imagen;
	$("#pie a").hover(		
		function(e)
		{
			ruta = $(this).css("background-image");
			directorio = ruta.substr(0, ruta.lastIndexOf("/"));
			imagen = "_" + ruta.substr(ruta.lastIndexOf("/") + 1, ruta.indexOf(".png"));	
			$(this).css("background-image", directorio + "/" + imagen);
		},
		function(e)
		{
			ruta = $(this).css("background-image");
			directorio = ruta.substr(0, ruta.lastIndexOf("/"));
			imagen = ruta.substr(ruta.lastIndexOf("/") + 1).replace("_", "");
			$(this).css("background-image", directorio + "/" + imagen);
		}
	);
}

/**
 * Marca la sección del menú que sea la activa en ese momento.
 * @param color string El color en que se marcará el enlace
 */
function marcarSeccionActiva ()
{
	
}

$(document).ready(
	function(e)
	{
		rollover ();
		rolloverPie ();
		marcarSeccionActiva ();
	}
);

//]]>