var id = "#overflow";
var id_foto = ".minipic";
var tam_foto = 145;
var cantPorPag = 5;

var cant;

var distancia = 0;

var movimiento;
var movs = 0;

var movsMax;


$(window).load(function() {
		
		$("#move_left").addClass("hidden");
		
		/***/
		
		movimiento = tam_foto * cantPorPag;
		
		distancia = 0;
		
		cant = $(id_foto).length;
		
		if(cant <= cantPorPag)
		{
			$("#move_right").addClass("hidden");
			
			return;
		}
		
		distanciaMaxima = tam_foto * cant;
		
		$(id).css("width", distanciaMaxima);
		
		distanciaMaxima = (-1 * distanciaMaxima) + movimiento;
		
		movsMax = Math.ceil(cant / cantPorPag) - 1;

		$("#move_left").click(
													function()
													{
														if(movs == 0)
														{
															return;
														}
														else if(movs == 1)
														{
															$("#move_left").addClass("hidden");
															distancia = -1;								
														}
														else
														{
															distancia = (movs-1) * movimiento;
														}
														movs--;
														
														$(id).animate({marginLeft: -distancia}, "normal", "easeout");
														
														$("#move_right").removeClass("hidden");
													}
												);
		
		$("#move_right").click(
													function()
													{
														if(movs == movsMax)
														{
															return;
														}
														else
														{
															if(movs == (movsMax-1))
															{
																$("#move_right").addClass("hidden");
															}
															
															distancia = (movs+1) * movimiento;
														}
														movs++;
														
														$(id).animate({marginLeft: -distancia}, "normal", "easeout");
														
														$("#move_left").removeClass("hidden");
													}
												);
 });
 
 function loadImage(to)
{
	
	pag = -1;
	
	if(to == 'previous') {
		if(img_num > 0) {
			pag = img_num - 1;
		}
	} else if(to == 'next') {
		if(img_num < img_cant) {
			pag = img_num + 1;
		}
	}

	if(pag != -1) {
		
		img_num = pag;
		
		/**/
		
		movs = Math.ceil((img_num+1) / cantPorPag) - 1;
		
		distancia = movs * movimiento;
		$(id).css({marginLeft: -distancia});
		
		/**/
		
		toggleButtons();
		
		src = $('.id'+img_num).attr('href');
		title = $('.id'+img_num).attr('title');
		
		showImage(src, title);
	}
	
}