//<![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);
		}
	);
}

/**
 * Activa los pop-ups de los enlaces con rel="external", y centra la ventana en pantalla. 
 * Hace uso de la biblioteca jQuery.
 */
function activarPopups()
{
	ancho = 700;
	alto = 700;
	var x = ((screen.width - ancho) / 2);
	var y = ((screen.height - alto) / 2);
	$("a[@rel=external]").click(function(e) // Activamos el popup al hacer clic.  
	{
		window.open(this.href, "Multitek", "width=" + ancho + ",height=" + alto + ",left=" + x + ",top=" + y + ",resizable=yes,scrollbars=yes");
		return false;
	});
}

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

//]]>