// Funciones para la pagina de metabase

// primero hacemos que el código se ejecute cuando todas las imagenes se hayan terminado de cargar
   	$(document).ready(function(){
   
   /* comienza el codigo Jquery */
   
   
   // ocultar los delimitadores en caso de que si haya javascript, para mostrarlos en modo super-cool
   $("#form").css({ "height":"2em" });
   $("#menu").css({"clear":"both", "padding-top":"0.8em" });
	$("#delimitadores").css({ "display":"none" });
	$("#delimitadores").addClass("transparente");
	$("#delimitadores").css({ "padding":"10px 0 0 0" });
	$("#delimitadores").css({ "left":"209px" });

	// margen del menu de acuerdo a la crap de navegador que lo abra
	
	$("#menu").css({ "margin-top":"-0.7em" });

	jQuery.each(jQuery.browser, function(i, val) {
	if(i=="msie" && val)
     	$("#menu").css({ "margin-top":"-4px" , "height":"27px"});
	if(i=="mozilla" && val)
		$("#menu").css({ "margin-top":"-4px" });
	if(i=="opera" && val)
		$("#menu").css({ "margin-top":"-0.7em" });
	if(i=="safari" && val)
		$("#menu").css({ "margin-top":"-0.2em", "height":"23px"});
	});

	// cambiar el modo de las busquedas por tema o por pais en caso de que haya llavascrap
	
	$("#temas_relacionados").css({"visibility":"visible"});
	$("#searchbar").css("width", "265px");
	$("#en").css({"visibility":"visible", "left":"468px"});
	
		// ocultar menus, en, y poner metabase en negro

	$("#linkmetabase").attr("href", "javascript:void(0);");
	$("#linkmetabase").click(function() {
		$("#pais").css({"visibility":"hidden"});
		$("#temas_relacionados").css({"visibility":"hidden"});
		$("#searchbar").css("width", "500px");
		$("#linkmetabase").css({"color":"black", "text-decoration":"none"});
		$("#linkpais").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#linktema").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#en").css({"visibility":"hidden"});
		$("#form").attr("action", "busqueda2.phtml");
    });	
	
			// mostrar menu-pais, en, y poner pais en negro
	
	$("#linkpais").attr("href", "javascript:void(0);");
	$("#linkpais").click(function() {
		$("#pais").css({"visibility":"visible"});
		$("#temas_relacionados").css({"visibility":"hidden"});
		$("#searchbar").css("width", "350px");
		$("#linkpais").css({"color":"black", "text-decoration":"none"});
		$("#linktema").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#linkmetabase").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#en").css({"visibility":"visible", "left":"552px"});
		$("#form").attr("action", "busqueda2pais.phtml");
    });
	
			// mostrar menu-tema, en, y poner tema en negro
	
	$("#linktema").attr("href", "javascript:void(0);");
	$("#linktema").click(function() {
  		$("#pais").css({"visibility":"hidden"});
		$("#temas_relacionados").css({"visibility":"visible"});
		$("#searchbar").css("width", "265px");
		$("#linktema").css({"color":"black", "text-decoration":"none"});
		$("#linkpais").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#linkmetabase").css({"color":"#3691B4", "text-decoration":"underline"});
		$("#en").css({"visibility":"visible", "left":"468px"});
		$("#form").attr("action", "busqueda2tema.phtml");
    });

	// crear los botones solo si hay javascrap	
    
	$("#delimitadores").after( '<a id="arrow"></a>' );
	$("#palabras").after( '<a id="arrowup"></a>' );
	
	/* funcion que muestra y esconde los delimitadores de busqueda*/
	/* click para abrir el menu */
	
    $("#arrow").click(function() {
		$("#delimitadores").animate({ height: 'show' }, 'slow');
   	});
	
	/* click para ocultar el menu */
	
   	$("#arrowup").click(function() {
   		$("#delimitadores").animate({ height: 'hide' }, 'slow');
   	});

   /* fin del codigo Jquery */
   
 });