// JavaScript Document
$(document).ready(function() {
	menu()
	//muestra el menu lateral si no es el home
	setEnlaces("body")//modifico los enlaces de la página
	if(seccion!="home")
		menuLateral(seccion)
		initSeccion(seccion)
	});
function menu(){
	
	$( window ).scroll( function ()//control opacidad
		{
				 setTimeout("setMenuOpacity()",100)
		}
	);
	$( '.menuCnt' ).scrollFollow({speed:0});//para que baje con scroll
	$( '.menuCnt' ).hover(function(){$( '.menuCnt' ).animate({"opacity":"1"},300)},function(){setMenuOpacity()})
	menuEfect()
	
}
function setMenuOpacity(){
		if(parseInt( $( document ).scrollTop() )>0)
			$( '.menuCnt' ).animate({"opacity":".3"},200)
			else
			$( '.menuCnt' ).animate({"opacity":"1"},100)
}

function menuEfect(){
	var itms=$(".itm")
	var itmsSeparador=$(".itmSeparador")
	var left=0;
	for(var i=0; i<itms.length;i++){//duplico el menu para que se crear con ello el efecto over
		var enlace=$(itms[i]).find(".enlaceItm").text()
		var width=enlace.length*10+2
		$(itms[i]).css("width",width)
		var itm=$(itms[i]).clone()
		$(itms[i]).after($(itm))
		$(itm).animate({"marginLeft":left},1000).addClass("itmHover").attr("itm",i)
		$(itms[i]).animate({"marginLeft":left},750)
		left=left+width+33
		$(itmsSeparador[i]).animate({"marginLeft":left-1},800)
	}
		setTimeout("itmHoverEfect()",1001)
	$(".menuCnt").hover(function(){
		mostrarSubmenu()
	
		},function(){//
			esconderItms()
			esconderSubmenu()
		})
	
}
function setEnlaces(contenedor){
	enlaces=$(contenedor).find(".enlaceAjax").click(function (){
		getSeccion(this)
	})
	for(var i=0;i<enlaces.length;i++){
		$(enlaces[i]).attr("href","#"+$(enlaces[i]).attr("href"))
	}
}
function esconderItms(){
	itmsHover=$(".itmHover")
	for(var i=0; i<itmsHover.length;i++){
			$(itmsHover[i]).stop()
			$(itmsHover[i]).css({"top":60,"opacity":0 })
	}	
}
function mostrarSubmenu(){
	$(".subMenu").show()
}
function esconderSubmenu(){
	$(".subMenu").hide()
}

function itmHoverEfect(){
	$(".itmHover").animate({"top":60,"opacity":0},400)//esconde el hover
	$(".itm").hover(function(){
			
			var itmHover=$(this).next()
			$(itmHover).animate({"top":-2,"opacity":1},5).animate({"top":2},5).animate({"top":0},{duration:5})
			mostrarSubmenu(itmHover)
		}
		)
	$(".itmHover").hover(function(){
		var itmActual=$(this).attr("itm")
		itmsHover=$(".itmHover")
		$(".subMenu").html($(this).find(".submenuItm").html())
		for(var i=0; i<itmsHover.length;i++){
			if(i!=itmActual)
			{
				$(itmsHover[i]).stop()
				$(itmsHover[i]).css({"top":60,"opacity":0})
			}
		}	
		
	},function(){
		if(!submenuHover){
			$(this).stop()							   
			$(this).animate({"top":-5},5).animate({"top":60,"opacity":0},{duration:5})
			esconderSubmenu(this)
			}
		}
		
	)
	
}

//pone el menu lateral si la seccion no es el home
function menuLateral(seccion){
	if(seccion=="home")
	{
		$(".menuLateral").animate({"width":"0"},{duration:1000})
		$(".webs").animate({"width":"946"},{duration:1000})

	}else{
		$(".menuLateral").show()
		$(".webs").animate({"width":"716"},{duration:1000})
		
		var width="230"
		
		if(navegador()=="ie")
			width="210"
		$(".menuLateral").animate({"width":width},{duration:1000})
		if(navegador()=="Netscape")//para el chrome
		{
			$(".menuLateral div").animate({"width":width-40},{duration:1000})
		}
	}
}
function getSeccion(enlace){
	$(".webs").html("<img class='cargando' src='imagenes/cargando.gif' alt='Cargando...' />");
	seccion=$(enlace).attr("href")
	var inicio=1
	if(navegador()=="ie")
	{
		inicio=seccion.lastIndexOf("/")+1
	}
	seccion=seccion.substring(inicio,seccion.length)
	if(seccion.lastIndexOf("#")!=-1)
		seccion=seccion.substring(inicio+1,seccion.length)
	cargarScripts(seccion)
	cssLoader(seccion)
	$.ajax({
			url: "ajaxControler.php",
			cache: true,
			type:"POST",
			data: ({seccion:seccion}),
			success: function(html){	
				$(".webs").html(html)
				initSeccion(seccion)
				setEnlaces(".webs")
				return true;
			},
			error:function(error){
				$(".webs").html("...parece que el enlace seleccionado no está disponible por el momento.")
			}
		});
	
}
function cssLoader(seccion){
	$("#css").attr("href","css/"+seccion+".css")
}

function initSeccion(seccion){
	menuLateral(seccion)
	if(seccion=="mapa")
		initialize()
	if(seccion=="galeria")
		$('#myGallery').spacegallery({loadingClass: 'loading'});
	if(seccion=="contactos")
	{
		
		//alert("")
		//swfobject.registerObject("FlashID2");
	}
		
}
function navegador(){
	var browserName=navigator.appName;
	
	if (browserName=="Microsoft Internet Explorer")
	{
		return "ie"
	}
	return browserName;
}
function cargarScripts(seccion){
	if(seccion=="galeria")
	{
		$.getScript("scripts/plugins/space-gallery/eye.js")
		$.getScript("scripts/plugins/space-gallery/layout.js")
		$.getScript("scripts/plugins/space-gallery/utils.js")
		$.getScript("scripts/plugins/space-gallery/spacegallery.js")
	}
	if(seccion=="contacto")
	{
		$.getScript("scripts/contactos.js")
		$.getScript("scripts/validar.js")
	}
}