var foto=1;

function ocultar(){
	$("#flechita").html("<img  src='images/flechitaInv.jpg' />");
	$("#alrededor").fadeOut("slow", 
						function(){ $("#sitios").animate({ width:"30px", marginLeft:"683px"}, 1000, "swing",
													function(){ $("#flechita").html("<img onclick='mostrar()' src='images/flechita.jpg' />"); });});
}

function mostrar(){
	$("#flechita").html("<img  src='images/flechita.jpg' />");	
	$("#sitios").animate({ width:"265px", marginLeft:"448px"}, 1000, "swing", function() {$("#alrededor").fadeIn("slow",function() { $("#flechita").html("<img onclick='ocultar()' src='images/flechitaInv.jpg' />"); })});
}


function nextFoto(){
	if(foto<5){
		foto++;
	}else{
		foto=1;
	}
	$("img.imagen").fadeOut("slow", function () {
							$("#foto").html("<table  align='center' style='padding-top: 100px;'><tr><td><img class='imagen' src='images/loading.gif' width='264' height='254' /></td></tr></table>");
							par="foto="+foto;
							$.get('index.php?modulo=alrededores&accion=show_foto&ajax=1', par, respuestaFoto);
							$("#numeros").html(foto+" | 5");
							});

}

function prevFoto(){
	if(foto>1){
		foto--;
	}else{
		foto=5;
	}
	
	$("img.imagen").fadeOut("slow", function () {
							$("#foto").html("<table  align='center' style='padding-top: 100px;'><tr><td><img class='imagen' src='images/loading.gif' width='264' height='254' /></td></tr></table>");
							par="foto="+foto;
							$.get('index.php?modulo=alrededores&accion=show_foto&ajax=1', par, respuestaFoto);
							$("#numeros").html(foto+" | 5");
							});
}

function respuestaFoto(response){

	$("img.imagen").fadeOut("fast", function () {
		$("#foto").html(response);
		$("img.imagen").fadeIn("slow");
		});
	
	
	
}