/**
 * @Autor: Alberto Gomez Toribio.
 * @Ultimo-Update: 20/12/2009
 */
var t = 0;

//Carga del javascript de la intro
$(document).ready
(		
	function() 
	{		
		//Agregar eventos al menu
		$("#menuTaller").click(function(e)
		{
			cargar("taller.html");
		});
		$("#hrefMenuTaller").click(function(e)
		{
			cargar("taller.html");
		});
		
		$("#menuExposicion").click(function(e)
		{
			cargar("exposicion.php");
		});

		$("#hrefMenuExposicion").click(function(e)
		{
			cargar("exposicion.php");
		});
		
		$("#menuOficina").click(function(e)
		{
			cargar("servicios.html");
		});
		
		$("#hrefMenuOficina").click(function(e)
		{
			cargar("servicios.html");
		});
		
		$("#menuContacto").click(function(e)
		{
			cargar("contacto.html");
		});
		
		$("#hrefMenuContacto").click(function(e)
		{
			cargar("contacto.html");
		});
		
		//Panel de administracion
		$(".colorbox").colorbox({height:"80%",width:"80%",iframe:true});
		
   	}
);

/**
 * Funcion que carga las distintas secciones en el div contenedor
 */
function cargar(param)
{	
	/** Setear el efecto por defecto para easing
	 *  (Se cambia a easeOutBounce en la sección Servicios)
	 */
	$.easing.def = "easeOutQuad";
	
	//Mostrar animacion loading
	$('body').append
	(
		'<img id="loading" alt="Cargando" src="imagenes/recursos/loading.gif" class="loading" height="20px" width="20px">'
	);
	
	//Quitar clase CSS aplicada al botón de sección activa.
	$("#menuTaller").removeClass("menuTallerSel");
	$("#menuExposicion").removeClass("menuExposicionSel");
	$("#menuOficina").removeClass("menuOficinaSel");
	$("#menuContacto").removeClass("menuContactoSel");
	
	//Carga de estilos según cada seccion
	//TALLER
	if(param=="taller.html")
	{	
		$('#slideshow').cycle('stop');
		
		//Carga del CSS de esta seccion
		$('head').append('<link href="css/taller.css" type="text/css" rel="stylesheet" id="CSSTaller" />');
		$('head').append('<link href="css/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet" id="CSSlightbox" />');
		
		//Cambio de color del marco y el botón de sección.
		$("#menuTaller").addClass("menuTallerSel");
		$('#contenedor').css("border-color","#4EBC1F");
	}
	//EXPOSICION
	if(param=="exposicion.php")
	{
		$('#slideshow').cycle('stop');
		
		//Carga del CSS de esta seccion
		$('head').append('<link href="css/exposicion.css" type="text/css" rel="stylesheet" id="CSSExposicion" />');
		
		//Cambio de color del marco y el botón de sección.
		$("#menuExposicion").addClass("menuExposicionSel");
		$('#contenedor').css("border-color","#27AEE5");
	}
	//SERVICIOS
	if(param=="servicios.html")
	{
		$('#slideshow').cycle('stop');
		
		//Carga del CSS de esta seccion
		$('head').append('<link href="css/oficina.css" type="text/css" rel="stylesheet" id="CSSOficina" />');
		
		//Cambio de color del marco y el botón de sección.
		$("#menuOficina").addClass("menuOficinaSel");
		$('#contenedor').css("border-color","#FF9815");
	}
	//CONTACTO
	if(param=="contacto.html")
	{
		$('#slideshow').cycle('stop');
		
		//Carga del CSS de esta seccion
		$('head').append('<link href="css/contacto.css" type="text/css" rel="stylesheet" id="CSSContacto" />');
		
		//Cambio de color del marco y el botón de sección.
		$("#menuContacto").addClass("menuContactoSel");
		$('#contenedor').css("border-color","#C5245A");
	}
	
	//Cargar el contenido
	$("#principal").fadeOut
	("slow",
		function()
		{
			$('#principal > *').remove();
			
			if(param=="contacto.html")
			{
				//Quitar hojas de estilo de la sección anterior.
				$('#CSSTaller').remove();
				$('#CSSlightbox').remove();
				$('#CSSExposicion').remove();
				$('#CSSOficina').remove();
			}
			if(param=="servicios.html")
			{
				//Quitar hojas de estilo de la sección anterior.
				$('#CSSTaller').remove();
				$('#CSSlightbox').remove();
				$('#CSSExposicion').remove();
				$('#CSSContacto').remove();
			}
			if(param=="exposicion.php")
			{
				//Quitar hojas de estilo de la sección anterior.
				$('#CSSTaller').remove();
				$('#CSSlightbox').remove();
				$('#CSSOficina').remove();
				$('#CSSContacto').remove();
			}
			if(param=="taller.html")
			{
				//Quitar hojas de estilo de la sección anterior.
				$('#CSSExposicion').remove();
				$('#CSSOficina').remove();
				$('#CSSContacto').remove();
			}
			
			$('#principal').load(param,function(n)
			{		
				//Quitar animacion de loading
				$(".loading").fadeOut("slow").remove();
				$(this).fadeIn("slow");
			});
		}
	);
	
}

//Este codigo hace que el texto no pueda seleccionarse.
/***********************************************************************/
/**/ //function disabletext(e){return false;}                          /**/
/**/ //function reEnable(){return true;}                               /**/
/**/ //Navegadores IE4                                               /**/
/**/ //document.onselectstart=new Function ("return false");           /**/
/**/ //Navegadores IE6                                               /**/
/**/ //if (window.sidebar)                                             /**/
/**/ //{                                                               /**/
/**/ //	document.onmousedown=disabletext;                            /**/
/**/ // document.onclick=reEnable;                                   /**/
/**/ //}                                                               /**/
/***********************************************************************/