$(document).ready(function(){

	$('.sucursalesListaRegiones').html('');
	
    $.ajax({
        type: 'GET',
        url: 'xml/sucursales_express.xml',
        success: function(xml){
			var sucursales = $.xml2json(xml);
			
			for (var i = 0; i < sucursales.region.length; i++){
				var region = sucursales.region[i].name;
				var locales = sucursales.region[i].local;
				var nota = sucursales.region[i].nota;
				
				$('.sucursalesListaRegiones').append('<div id="regionCabecera_' + i + '" class="region_cabecera"></div><div id="regionTabla_' + i + '" class="region_contenido clearfix"></div>');
			
				var arreglo = new Array();
				
				var largo = locales.length;
				if (largo == null){
										
					var ciudad = sucursales.region[i].local.ciudad;
					var direccion = sucursales.region[i].local.direccion;
					var semana = sucursales.region[i].local.semana;
					var sabado = sucursales.region[i].local.sabado;
					var domingo = sucursales.region[i].local.domingo;
					var mapa = sucursales.region[i].local.mapa;
					
					arreglo.push('<tr><td>' + ciudad + '</td><td>' + direccion + '</td><td>' + semana + '</td><td>' + sabado + '</td><td>' + domingo + '</td><td><a href="includes/maps/maps.iws?mapa='+mapa+'" class="ver_mapa">Ver mapa</a></td></tr>');
				}
				else{
					for (var j = 0; j < largo; j++) {
										
						var ciudad = sucursales.region[i].local[j].ciudad;
						var direccion = sucursales.region[i].local[j].direccion;
						var semana = sucursales.region[i].local[j].semana;
						var sabado = sucursales.region[i].local[j].sabado;
						var domingo = sucursales.region[i].local[j].domingo;
						var mapa = sucursales.region[i].local[j].mapa;
						
						arreglo.push('<tr><td>' + ciudad + '</td><td>' + direccion + '</td><td>' + semana + '</td><td>' + sabado + '</td><td>' + domingo + '</td><td><a href="includes/maps/maps.iws?mapa='+mapa+'" class="ver_mapa">Ver mapa</a></td></tr>');
					}
				}
				
				var htmlCabecera = '<div class="clearfix"><h2 class="titulo flotar_izquierda">' + region + '</h2></div><div class="separador_naranjo"></div>';
				
				var htmlTabla = '<table class="tablaLiquida"><thead><tr><th class="primera">Ciudad / Sector</th><th>Direcci&oacute;n</th><th>Lunes a Viernes</th><th>S&aacute;bado</th><th>Domingo</th><th class="ultima">Mapa</th></tr></thead><tbody>' + arreglo.join(""); + '</tbody></table>';
				
				if (nota != ""){
					var htmlNota = '<span id="regionNota_' + i + '" class="texto_gris">' + nota + '</span>';
				}
				else{
					var htmlNota = '<span id="regionNota_' + i + '" class="texto_gris"> </span>';
				}
								
				$('#regionCabecera_'+i).html(htmlCabecera);
				$('#regionTabla_'+i).html(htmlTabla);
				$('#regionTabla_'+i).append(htmlNota);

			}
			
			cargarAccordion();
					
        }
    });
    
});

function cargarAccordion(){
    $(".ver_sucursales:first").addClass("active");
	$(".region_contenido");
	
	$(".ver_sucursales").click(function(){
		$(this).parent().parent().next(".region_contenido").slideToggle("slow")
		.siblings(".region_contenido:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings(".region_cabecera .ver_sucursales").removeClass("active");
		
		return false;
	});
	
	$("a.ver_mapa").fancybox({
		'overlayOpacity'		:	0.5,
		'overlayColor'			:	'#000000',
		'hideOnContentClick'	: 	false,
		'hideOnOverlayClick' 	: 	false
	});
}