// función para desplazar las capas
function Mover (distancia,pais,accion) {
if(accion=="derecha"){ //mover a la derecha
if(distancia<22 && distancia>-34){
distancia=0;
}
if(distancia<=0){
return true;
}
$(".principal").css('display','none');
distancia-=48;
switch(pais){
	case "asia": $(".asia").css("left",distancia);break;
	case "norteamerica": $(".norteamerica").css("left",distancia);break;
	case "centroamerica": $(".centroamerica").css("left",distancia);break;
	case "europa": $(".europa").css("left",distancia);break;
	case "suramerica": $(".suramerica").css("left",distancia);break;
}
$(this).delay(8,function(){Mover(distancia,pais,"derecha");});
}

if(accion=="volver"){//volver hacia la izquierda
if(distancia>584){
$(".principal").fadeIn("slow");
return true;
}

distancia+=48;
switch(pais){
	case "asia": $(".asia").css("left",distancia);break;
	case "norteamerica": $(".norteamerica").css("left",distancia);break;
	case "centroamerica": $(".centroamerica").css("left",distancia);break;
	case "europa": $(".europa").css("left",distancia);break;
	case "suramerica": $(".suramerica").css("left",distancia);break;
}
$(this).delay(8,function(){Mover(distancia,pais,"volver");});
}

}
//eventos
  $(document).ready(function (){
    $(".tabs").accordion();

  	$("#asia").click(function (){
  		var distancia=$(".asia").css("left");
  		distancia=distancia.replace("px","");
  		Mover(distancia,"asia","derecha");
  		});
  		
  	$("#norteamerica").click(function (){
  		var distancia=$(".norteamerica").css("left");
  		distancia=distancia.replace("px","");
  		Mover(distancia,"norteamerica","derecha");
  		});
  		
  	$("#centroamerica").click(function (){
  		var distancia=$(".centroamerica").css("left");
  		distancia=distancia.replace("px","");
  		Mover(distancia,"centroamerica","derecha");
  		});
  		
  	$("#suramerica").click(function (){
  		var distancia=$(".suramerica").css("left");
  		distancia=distancia.replace("px","");
  		Mover(distancia,"suramerica","derecha");
  		});
  	$("#europa").click(function (){
  		var distancia=$(".europa").css("left");
  		distancia=distancia.replace("px","");
  		Mover(distancia,"europa","derecha");
  		});
  	
  	//Botón volver
  		$("#volver-asia").click(function (){
  		var distancia=0;
  		Mover(distancia,"asia","volver");	  		
  		});
  		
  		$("#volver-norteamerica").click(function (){
  		var distancia=0;
  		Mover(distancia,"norteamerica","volver");	  		
  		});
  		
  		$("#volver-centroamerica").click(function (){
  		var distancia=0;
  		Mover(distancia,"centroamerica","volver");	  		
  		});
  		
  		$("#volver-europa").click(function (){
  		var distancia=0;
  		Mover(distancia,"europa","volver");	  		
  		});
  		
  		$("#volver-suramerica").click(function (){
  		var distancia=0;
  		Mover(distancia,"suramerica","volver");	  		
  		});
  		
  		//menu 
  		$(".tipo-lista").click(function (){
  		$(".tipo-mapa").removeClass("active");
  		$(".tipo-colombia").removeClass("active");
  		$(".tipo-lista").addClass("active");
		$(".principal").fadeOut("fast");
		$(".colombia").fadeOut("fast");
		$(".lista").fadeIn("fast");
  		});
  		$(".tipo-mapa").click(function (){
  		$(".tipo-lista").removeClass("active");
  		$(".tipo-colombia").removeClass("active");
  		$(".tipo-mapa").addClass("active");
		$(".lista").fadeOut("fast");
		$(".colombia").fadeOut("fast");
		$(".principal").fadeIn("fast");
  		});
  		$(".tipo-colombia").click(function (){
  		$(".tipo-lista").removeClass("active");
  		$(".tipo-mapa").removeClass("active");
  		$(".tipo-colombia").addClass("active");
		$(".lista").fadeOut("fast");
		$(".principal").fadeOut("fast");
		$(".colombia").fadeIn("fast");
  		});
  		
  		
  		 
  });