$(document).ready(function(){	
var posicion="empresa";//indicará la sección elegida en este momento
var veces=0; //indica las veces que se ha elegido sección ya que la primera vez, la animación será diferente
	$(".menu_sup").hover(function(){
		var id=$(this).attr("id");
		switch(id)
		{
			case "empresa":
				$("#boton").animate({
					marginLeft: "0px"
				},300,function(){
				});
			break
			case "servicios":
				$("#boton").animate({
					marginLeft: "169px"
				},300,function(){
				});
			break
			case "contacto":
				$("#boton").animate({
					marginLeft: "338px"
				},300,function(){	
				});
			break
			case "direccion":
				$("#boton").animate({
					marginLeft: "507px"
				},300,function(){	
				});
			break	
		}
	},function(){
	});
	$("#secc_contacto").mouseover(function(){
		switch(posicion)
		{
			case "empresa":
				$("#boton").animate({
					marginLeft: "0px"
				},300,function(){
						
				});
			break
			case "servicios":
				$("#boton").animate({
					marginLeft: "169px"
				},300,function(){
						
				});
			break
			case "contacto":
				$("#boton").animate({
					marginLeft: "338px"
				},300,function(){
						
				});
			break
			case "direccion":
				$("#boton").animate({
					marginLeft: "507px"
				},300,function(){
						
				});
			break	
		}
	});
	$(".menu_sup").click(function(){
		var id=$(this).attr("id");
		posicion=id;
		//<img src="images/central/cargando_barra.gif" width="65" height="13" alt="cargando" />
		//<img src="images/central/cargando_letras.png" width="70" height="20" alt="cargando" />
		//1º quito los botones resultados que pudiera haber
		$("#central").removeClass();
		$("#empres").attr("src","images/fuentes/empresa_inicial.png");
		$("#serv").attr("src","images/fuentes/servicios_inicial.png");
		$("#contac").attr("src","images/fuentes/contacto_inicial.png");
		$("#direcc").attr("src","images/fuentes/direccion_inicial.png");
		
		//Pongo el botón resaltado correspondiente
		switch(id)
			{
				case "empresa":
					$("#empres").attr("src","images/fuentes/empresa_final.png");
					$("#central").addClass("fondo2");
				break
				case "servicios":
					$("#serv").attr("src","images/fuentes/servicios_final.png");
					$("#central").addClass("fondo1");
				break
				case "contacto":
					$("#contac").attr("src","images/fuentes/contacto_final.png");
					$("#central").addClass("fondo2");
				break
				case "direccion":
					$("#direcc").attr("src","images/fuentes/direccion_final.png");
					$("#central").addClass("fondo1");
				break
			}
			veces++;
			cargando(id,veces);
	});
	$(".menu_inf").click(function(){
		var name=$(this).attr("name");
		posicion=name;
		//<img src="images/central/cargando_barra.gif" width="65" height="13" alt="cargando" />
		//<img src="images/central/cargando_letras.png" width="70" height="20" alt="cargando" />
		//1º quito los botones resultados que pudiera haber
		$("#central").removeClass();
		$("#empres").attr("src","images/fuentes/empresa_inicial.png");
		$("#serv").attr("src","images/fuentes/servicios_inicial.png");
		$("#contac").attr("src","images/fuentes/contacto_inicial.png");
		$("#direcc").attr("src","images/fuentes/direccion_inicial.png");
		
		//Pongo el botón resaltado correspondiente
		switch(name)
			{
				case "empresa":
				$("#central").addClass("fondo2");
					$("#boton").animate({
						marginLeft: "0px"
					},300,function(){
						$("#empres").attr("src","images/fuentes/empresa_final.png");
						
					});
				break
				case "servicios":
				$("#central").addClass("fondo1");
					$("#boton").animate({
						marginLeft: "169px"
					},300,function(){
						$("#serv").attr("src","images/fuentes/servicios_final.png");
						
					});
				break
				case "contacto":
				$("#central").addClass("fondo2");
					$("#boton").animate({
						marginLeft: "338px"
					},300,function(){	
						$("#contac").attr("src","images/fuentes/contacto_final.png");
					});
					
				break
				case "direccion":
				$("#central").addClass("fondo1");
					$("#boton").animate({
						marginLeft: "507px"
					},300,function(){
						$("#direcc").attr("src","images/fuentes/direccion_final.png");
							
					});
					
				break
			}
			veces++;
			cargando(name,veces);
	});
});

var i=1;
var a;
var b;
var titulo=new Array();
titulo[1]="Ordenadores";
titulo[2]="Portátiles";
titulo[3]="Consolas";
titulo[4]="Impresoras";
var imagen=new Array();
imagen[1]="images/servicios/serv_1.gif";
imagen[2]="images/servicios/serv_2.gif";imagen[3]="images/servicios/serv_3.gif";
imagen[4]="images/servicios/serv_4.gif";
var texto=new Array();
texto[1]="¿No se puede conectar a internet?<br />¿No enciende su ordenador?<br />Reparamos cualquier problema que tenga con su ordenador en un tiempo record.";
texto[2]="Reparamos cualquier componente de su portátil, lo formateamos y le instalamos sus programas favoritos.";
texto[3]="Si su consola ya no funciona como debiera, no dude en traernosla. Nuestro servicio técnico la dejará como nueva para que pueda seguir ddisfrutando de su tiempo de ocio";
texto[4]="Todo para la impresora. Cartuchos, reparaciones, instalación...";

function cargando(seccion,veces) //esta función pone en pantalla el gif de cargando página
{
		//<img src="images/central/cargando_barra.gif" width="65" height="13" alt="cargando" />
		//<img src="images/central/cargando_letras.png" width="70" height="20" alt="cargando" />
		//Limpio el intervalo de la sección productos
		if(veces==1)
		{
			$("#gif_cargando").html("<img src='images/central/cargando_barra.gif' width='65' height='13' alt='cargando' />");
			$("#texto_cargando").html("<img src='images/central/cargando_letras.png' width='70' height='20' alt='cargando' />");
			//setTimeout("cargacontenido("+seccion+")",1000);
			switch(seccion)
			{
				case "empresa":
					setTimeout("cargacontenido('empresa')",1000);
				break
				case "servicios":
					setTimeout("cargacontenido('servicios')",1000);
				break
				case "contacto":
					setTimeout("cargacontenido('contacto')",1000);
				break
				case "direccion":
					setTimeout("cargacontenido('direccion')",1000);
				break	
			}
		}
		else
		{
			$("#contenido_seccion").animate({
				opacity:"0"
			},300,function(){
			$(".contenido").animate({
				width: "0px",
				height: "0px",
				marginTop: "299px"
				},400,function(){
					$("#contenido_seccion").html("");
					$("#gif_cargando").html("<img src='images/central/cargando_barra.gif' width='65' height='13' alt='cargando' />");
					$("#texto_cargando").html("<img src='images/central/cargando_letras.png' width='70' height='20' alt='cargando' />");
					//setTimeout("cargacontenido("+seccion+")",1000);
					switch(seccion)
					{
						case "empresa":
							setTimeout("cargacontenido('empresa')",1000);
						break
						case "servicios":
							setTimeout("cargacontenido('servicios')",1000);
						break
						case "contacto":
							setTimeout("cargacontenido('contacto')",1000);
						break
						case "direccion":
							setTimeout("cargacontenido('direccion')",1000);
						break	
					}
				});
			});
		}
}
function cargacontenido(seccion)
{
	clearInterval(a);
	
	$("#gif_cargando").html("");
	$("#contenido_seccion").css("opacity","100");
	$("#texto_cargando").html("");
	if(seccion=="servicios")
		{
				i=1;
				a=setInterval("pasaservicio()",5000);
		}
	$("#contenido_seccion").load(seccion+".html",{},function(){
		//$("#contenido_seccion").css("visibility","visible");
		
		$(".contenido").animate({
		width: "475px",
		height: "299px",
		marginTop: "0px"
	},400);
	});
	
}
function pasaservicio()
{
	i++;
	if(i>4)
		i=1;
	/*$("#contenido_seccion").animate({
			opacity:"0"
		},300,function(){*/	
			$("#contenido_seccion").animate({
				marginLeft: "-475px"
				},600,function(){
					//$("#contenido_seccion").html("");
					//$("#contenido_seccion").css("opacity","100");
					$("#img_serv").attr("src",imagen[i]);
					$("#titulo_servicios").html(titulo[i]);
					$("#texto_servicios").html(texto[i]);
					$(".contenido").css("margin-left","475px");
					/*$("#gif_cargando").html("<img src='images/central/cargando_barra.gif' width='65' height='13' alt='cargando' />");
					$("#texto_cargando").html("<img src='images/central/cargando_letras.png' width='70' height='20' alt='cargando' />");
					setTimeout("cargacontenido("+seccion+")",1000);*/
					$("#contenido_seccion").animate({
						//width: "475px",
						marginLeft: "0px"
					},600,function(){
						
						});
				});
		//});
}
 //Este código sirve para deshabilitar el menú contextual del navegador
function inhabilitar(){
   	return false
}