//////////////////////
// Script Principal //
//////////////////////

var listo = 1;	//flag

function contenido_poner(t)
{
	var seccion = $("seccion", t).text();	
	
	$("#contenido_html").css("display","none");	
	$("#contenido_html").html ($("html", t).text());		// pone el texto
	$("#contenido_html").fadeIn(500);	// y lo anima	
	
	var deco = $("deco", t).text();
	var deco_name = "deco_" + seccion;
	
	if (seccion == "video"){
		$("#decoracion").html ('<p>Puede visitarnos en:</p><ul><li><a href="http://www.facebook.com/pages/ESTUDIOCODE/61336946600" target="_blank" ><img src="http://www.estudiocode.com/web/img/video_facebook.jpg" border="0" /></a></li><li><a href="http://www.youtube.com/user/estudicode" target="_blank" ><img src="http://www.estudiocode.com/web/img/video_youtube.jpg" border="0" /></a></li></ul>');
		$("#decoracion").show();
	}else{
		var so = new SWFObject(deco,deco_name,"100%","100%","7");
		so.addParam("allowfullscreen","true");
		so.addParam("fullscreen","true");
		so.addParam("wmode", "transparent");
		so.write("decoracion");
		//$("#decoracion").fadeIn(500);
		$("#decoracion").show();
	}
	
	if (seccion == "contacto"){
		var so = new SWFObject("../swf/mapa.swf","mapa","100%","100%","7");
		so.addParam("allowfullscreen","true");
		so.addParam("fullscreen","true");
		so.addParam("wmode", "transparent");
		so.write("contacto_clip");
	}
	
	listo = 1;
	
}

function contenido_llamar(pos)
{
	var obj;
	switch(pos){
		case 1:
			obj = "include-contenido_estudio.php";
			break;
		case 2:
			obj = "include-contenido_proyectos.php";
			break;
		case 3:
			obj = "include-contenido_noticias.php";
			break;
		case 4:
			obj = "include-contenido_video.php";
			break;
		case 5:
			obj = "include-contenido_contacto.php";
			break;
	}

	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:obj,
	 	data:"pos=" + pos,
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
}

function menu_expandir(pos)
{
	
	var altura;
	var longitud;
	switch(pos){
		case 1:	
			altura = 150;
			longitud = 600;
			break;
		case 2:		
			altura = 215;
			longitud = 150;
			break;
		case 3:
			altura = 160;
			longitud = 500;
			break;		
		case 4:
			altura = 155;
			longitud = 600;
			break;			
		case 5:
			altura = 170;
			longitud = 550;
			break;
	}
	
	$("#contenido").css("top",altura + "px");	// situa la linea
	$("#contenido_linea").animate({width: longitud + "px"}, 500, function(){ contenido_llamar(pos) } );	// expande la linea y al finalizar llama al texto apropiado
	
}

function menu_cambiar(pos)				// cambia imagen del menu
{
	var obj = "menu_img_" + pos;
	var img = "../img/menu_" + pos + "_active.gif";
	document.getElementById(obj).src = img;
}

function menu_reiniciar_lista()		// resetea menu
{
	listo = 0;
	$("#menu_lista_1").css("background","none");
	$("#menu_lista_2").css("background","none");
	$("#menu_lista_3").css("background","none");
	$("#menu_lista_4").css("background","none");
	$("#menu_lista_5").css("background","none");
	$("#menu_img_1").attr({ src: "../img/menu_1.gif" });
	$("#menu_img_2").attr({ src: "../img/menu_2.gif" });
	$("#menu_img_3").attr({ src: "../img/menu_3.gif" });
	$("#menu_img_4").attr({ src: "../img/menu_4.gif" });
	$("#menu_img_5").attr({ src: "../img/menu_5.gif" });
}

function menu_resaltar(pos)
{
	menu_reiniciar_lista();				// resetea menu
	var obj = "#menu_lista_" + pos;		
	menu_cambiar(pos);					// cambia a blanco
	$(obj).css("background-color","#CCCCCC");
	$(obj).animate({backgroundColor:"#666666"}, 300, function(){ menu_expandir(pos) } );		// se anima el fondo y al finalizar se expande la linea
	
}

function menu_subir(pos,yo)
{
	$("#menu_lista").animate({top: + yo + "px"}, "slow","swing", function(){ menu_resaltar(pos) });	// Subo/bajo el menu y al finalizar resalto
}

function menu_mover(pos)
{
	if (listo){
		
		listo = 0;
		var obj;
		var yo;
		switch(pos){
			case 1:
			yo = 35;
			break;
			
			case 2:
			yo = 100;
			break;
			
			case 3:
			yo = 45;
			break;
			
			case 4:
			yo = 40;
			break;
			
			case 5:
			yo = 55;
			break;			
		}
		
		quitarIntro();
		document.getElementById("main").className = "normal";
		
		$("#contenido_html").fadeOut(500);	// Fade out a la caja de texto principal
		//$("#decoracion").fadeOut(500);
		$("#decoracion").hide();
		$("#submenu").fadeOut(500);
		
		if ($("#contenido_linea").css("width") == "0px"){		// recoje la linea y al finalizar sube/baja el menu
			menu_subir(pos,yo);
		}else{
			$("#contenido_linea").animate({width: "0px"}, 500, function(){ menu_subir(pos,yo) } );			
		}
		
	}
	return false;
}

function ajaxError()
{
	alert('Error en el servidor.');
}


//////////////////////
//    	Intro 		//
//////////////////////


function quitarIntro()
{
	$("#intro").fadeOut(500);
}



//////////////////////
//    	Extra 		//
//////////////////////

function mostrarProyecto(id)
{
	listo = 0;
	//$("#decoracion").fadeOut(500);
	$("#decoracion").hide();
	$("#contenido_html").fadeOut(500);		// Fade out a la caja de texto principal
	$("#contenido_linea").animate({width: "0px"}, 500, function(){ menu_subir_aux(id) } );
	return false;	
}

function menu_subir_aux(id)
{
	$("#menu_lista").animate({top: "55px"}, "slow","swing", function(){ menu_expandir_aux(id) });	// Subo/bajo el menu y al finalizar expando
}

function menu_expandir_aux(id)
{
	$("#contenido").css("top","170px");	// situa la linea
	$("#contenido_linea").animate({width: "500px"}, 500, function(){ proyecto_cargar(id) } );	// expande la linea y al finalizar llama al proyecto apropiado
}

function proyecto_cargar(id)
{
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_proyecto.php",
	 	data:"id=" + id,
        success:proyecto_poner,
        timeout:10000,
        error:ajaxError
	}); 
}

function proyecto_poner(t)
{
	
	var seccion = $("seccion", t).text();
	
	var fondo = $("fondo", t).text();
	
	document.getElementById("main").className = fondo;
	

	var deco = $("deco", t).text();
	var deco_name = "deco_" + seccion;

    var so = new SWFObject(deco,deco_name,"100%","100%","7");
	so.addParam("allowfullscreen","true");
	so.addParam("fullscreen","true");
	so.addParam("wmode", "transparent");
	so.write("decoracion");
	//$("#decoracion").fadeIn(500);
	$("#decoracion").show();
	
		
	$("#contenido_html").css("display","none");	
	$("#contenido_html").html ($("html", t).text());		// pone el texto
	$("#contenido_html").fadeIn(500);	// y lo anima

	listo = 1;
}


function cambiaFoto(obj)
{
	document.getElementById("proyecto_marco").src = obj;
	//$("#proyecto_marco").fadeOut(500, function(){ cambiaFoto2(obj) });	
	return false;
}

function cambiaFoto2(obj)
{
	document.getElementById("proyecto_marco").src = obj;
	cambiaFoto3(obj);
}

function cambiaFoto3(obj)
{
	$("#proyecto_marco").fadeIn(500);	
	return false;
}



function masFotos(pag,id)
{
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_fotos.php",
	 	data:"pag=" + pag + "&id=" + id,
        success:contenido_fotos_poner,
        timeout:10000,
        error:ajaxError
	});
	return false;
}

function contenido_fotos_poner(t)
{
	$("#proyecto_galeria").html ($("html", t).text());		// pone el texto
}


function cambiaProyectos(pag)
{
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_proyectos.php",
	 	data:"pag=" + pag + "&pos=2",
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
	return false;
	
}


//////////////////////
//    	Noticias	//
//////////////////////

function cambiaNoticia(pag)
{
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_noticias.php",
	 	data:"pag=" + pag,
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
	return false;
	
}



//////////////////////
//      Catalogo    //
//////////////////////

function cambiaCatalogo(pag,tipo)
{
	var datos;
	if (tipo){
		datos = "pag=" + pag + "&tipo=" + tipo;
	}else{
		datos = "pag=" + pag;
	}
		
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_catalogo.php",
	 	data:datos,
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
	return false;
	
}


function cambiaCatalogoMarca(pag,id)
{

	//var	datos = "pag=" + pag + "&id=" + id;
	var	datos = "id=" + id;
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_catalogo_marcas.php",
	 	data:datos,
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
	return false;
	
}



function volverCatalogo(pag,tipo)
{
	$("#contenido_html").fadeOut(500);	// Fade out a la caja de texto principal
	$("#submenu").fadeOut(500);
	$("#contenido_linea").animate({width: "0px"}, 500, function(){ volverCatalogo2(pag,tipo) } );
	return false;
}
function volverCatalogo2(pag,tipo)
{
	$("#contenido_linea").animate({width: "600px"}, 500, function(){ cambiaCatalogo(pag,tipo) } );	// expande la linea y al finalizar llama al texto apropiado
}


//////////////////////
//      Productos   //
//////////////////////


function mostrarProducto(id,pag,tipo)
{
	listo = 0;
	//$("#decoracion").fadeOut(500);
	$("#decoracion").hide();
	$("#contenido_html").fadeOut(500);		// Fade out a la caja de texto principal
	$("#contenido_linea").animate({width: "0px"}, 500, function(){ mostrarProducto2(id,pag,tipo) } );
	return false;	
}

function mostrarProducto2(id,pag,tipo)
{
	$("#contenido_linea").animate({width: "500px"}, 500, function(){ producto_cargar(id,pag,tipo) } );	// expande la linea y al finalizar llama al proyecto apropiado
}

function producto_cargar(id,pag,tipo)
{
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_producto.php",
	 	data:"id=" + id + "&pag=" + pag + "&tipo=" + tipo,
        success:producto_poner,
        timeout:10000,
        error:ajaxError
	}); 
}

function producto_poner(t)
{
	
	var seccion = $("seccion", t).text();
	
	var deco = $("deco", t).text();
	var deco_name = "deco_" + seccion;

    var so = new SWFObject(deco,deco_name,"100%","100%","7");
	so.addParam("allowfullscreen","true");
	so.addParam("fullscreen","true");
	so.addParam("wmode", "transparent");
	so.write("decoracion");
	//$("#decoracion").fadeIn(500);
	$("#decoracion").show();
	
		
	$("#contenido_html").css("display","none");	
	$("#contenido_html").html ($("html", t).text());		// pone el texto
	$("#contenido_html").fadeIn(500);	// y lo anima

	listo = 1;
}






//////////////////////
//      Marcas      //
//////////////////////

function marcas(pag)
{
	var datos = "";
	if (pag){
		datos = "pag=" + pag;
	}
	$.ajax({			// llama al script con el contenido apropiado mediante ajax y lo pone
		async:true,
        type: "post",
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        url:"include-contenido_marcas.php",
	 	data:datos,
        success:contenido_poner,
        timeout:10000,
        error:ajaxError
	}); 
	return false;
}