// JavaScript Document
$(document).ready(function(){
	$.ajax({
		type:"GET",
		url:"diseno.xml",
		datatype:"xml",
		cache:false,
		success:function(data){
			//obtener variables de diseño
			var colormenu = $(data).find('colormenu').text();
			var colorback = $(data).find('colorback').text();
			
			//checar en que sección del site nos encontramos
			var title = $(document).attr('title');
			title = title.replace('Desigual - Líder en venta de calzado por catálogo - ','');
			switch(title)
			{
				case "Home":
					var bgsection = $(data).find('fotohome').text();
				break;
				case "Historia":
					var bgsection = $(data).find('fotohistoria').text();
				break;
				case "Porque":
					var bgsection = $(data).find('fotoporque').text();
				break;
				case "Oportunidades":
					var bgsection = $(data).find('fotooportunidades').text();
				break;
				case "Ubicacion":
					var bgsection = $(data).find('fotoubicacion').text();
				break;
				case "Contacto":
					var bgsection = $(data).find('fotocontacto').text();
				break;
				case "Productos":
					var bgsection = $(data).find('fotoproductos').text();
				break;
				case "Catalogo":
					var bgsection = $(data).find('fotoproductos').text();
				break;
				case "Socio 1":
					var bgsection = $(data).find('fotosocio1').text();
				break;
				case "Socio 2":
					var bgsection = $(data).find('fotosocio2').text();
				break;
				case "Tienda":
					var bgsection = $(data).find('fototienda').text();
				break;
				case "Franquicias":
					var bgsection = $(data).find('fotofranquicias').text();
				break;
			}
			
			//corregir sintaxis para las variables de color
			colormenu = colormenu.replace('0x','#');
			colorback = colorback.replace('0x','#');
			
			$('body').css('background-color',colorback);
			$('#menu ul').css('background-color',colormenu);
			$('#nav .submenu').css('background-color',colormenu);
			$('#main').css('background-image','url(images/'+bgsection+')');
			if(title == "Productos")
			{
				$('#catmujer').css('background-image','url(images/'+$(data).find('catmujer').text()+')');
				$('#cathombre').css('background-image','url(images/'+$(data).find('cathombre').text()+')');
				$('#catofertas').css('background-image','url(images/'+$(data).find('catofertas').text()+')');
				$('#catflexi').css('background-image','url(images/'+$(data).find('catflexi').text()+')');
				$('#catemyco').css('background-image','url(images/'+$(data).find('catemyco').text()+')');
				$('#cattania').css('background-image','url(images/'+$(data).find('cattania').text()+')');
				$('#catelefantito').css('background-image','url(images/'+$(data).find('catelefantito').text()+')');
				$('#catprecios').css('background-image','url(images/portada-precios.jpg)');
			}
			if(title == "Catalogo")
			{
				$('#menu-catalogo').css('background-color',colormenu);
				$('#menu-catalogo li a').hover(function(){
					$(this).css('background-color',colormenu);
				},function(){
					$(this).css('background-color','');
				});
			}
			if(title == "Ubicacion")
			{
				$('#info .tienda .map a img').css('border-color',colormenu);
			}
			$('#nav .submenu li a').hover(function(){
				$(this).css('background-color',colormenu);
			},function(){
				$(this).css('background-color','');
			});
			$('.static').css('background-color',colormenu);
		}
	});
	mainMenu();
	//$('#scrollable').jScrollPane();	
	
	$("#banner img").click(function(){
		$("#banner").hide();
	});
	
});

function mainMenu()
{
	// Oculto los submenus
	$(" #nav ul ").css({display: "none"});
	
	// Defino que submenus deben estar visibles cuando se pasa el mouse por encima
	$(" #nav li").hover(function(){
    	$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
    	},function(){
    	   	$(this).find('ul:first').slideUp(400);
    });
   
 
}