// JavaScript Document

$(document).ready(function() {					   

	var lista = 13;
	var c = 1;
	var total = Math.ceil($('#links_contenido li').length / lista);	

	$('#links_contenido').width(total * 325);
	
	$('.contenido').click(function() {
		$('#data_contenido').slideDown('slow', function() {		
			$('#links_contenido a').click(function() {									  

				var li = $(this).attr('href').split("=");
				actual = li[2];
				cambioPagina(actual);
				return false;	
			});
			$('.down').click(function() {
				if(c < total){
					
					c++;
					$('#links_contenido').css({position: 'relative'}).animate({top: '-=325px'}, 1000);
					$(this).blur();
				}
				return false;
			});			

			$('.up').click(function() {				

				if(c > 1){					

					c--;					

					$('#links_contenido').css({position: 'relative'}).animate({top: '+=325px'}, 1000);

					$(this).blur();				

				}				

				return false;

			});			

			$('.cerrar').click(function() {			

				$('#data_contenido').slideUp('slow');

				return false;			

			});		

		});

		return false;	

	});	

	var x = 1;	

	$('#menu_left ul li.arriba').click(function() {
		if(x == 2){			
			x--;
			$('.pages img').css({position: 'relative'}).animate({top: '+=409px'}, 1000);			
		}
		return false;
	});	
	$('#menu_left ul li.abajo').click(function() {
		if(x <= 1){			
			x++;
			$('.pages img').css({position: 'relative'}).animate({top: '-=409px'}, 1000);			
		}
		return false;
	});	

	$('.alante').click(function() {		

		var total = (links.length - 1);		

		if(actual < total){			

			actual = actual + 1;			

			cambioPagina(links[actual]);			

		}		

		return false;	

	});

	$('form:pagina').submit(function() {

		var actual = $('select').val();		

		cambioPagina(actual);		

		return false;	

	});

	$('.atras').click(function() {		

		if(actual > 1){

			actual = actual - 1;

			cambioPagina(links[actual]);

		}

		return false;

	});		

	function cambioPagina(pagina) {		
		var p = pagina;
		$('.pages img').css({position: 'relative'}).animate({top: '+=0px'}, 1000);
		x = 1;
		$('.pages img').fadeOut('slow');
		
		$('.pages').ajaxStart(function() {			
			$(this).html('<img src="images/loading.gif" />').fadeIn();
		});	

		$.post('data.php', {pg:p}, function(datos) {				
			$('.pages img').fadeOut();
			eval('datos='+datos);				
			$('#leyenda').html('P&aacute;gina '+datos.numero+' de '+datos.total);				
			$('.pages').html('<img src="'+datos.revista+'/ediciones/'+datos.dir+'/img/'+datos.imagen+'">');						

		});
	}	

});