var img_num = 0;
var img_cant;

$("#overflow").ready(function()
{
	
	img_cant = $('#img_cant').text();
	
	//_btn
	
	$('#prev2').click(function () { loadImage('previous'); return false; });
	$('#next2').click(function () { loadImage('next'); return false; });

	carLinks();
	
});

function carLinks()
{
	$("#overflow a").click(function () {
		showImage($(this).attr('href'),$(this).attr('title'));
		
		img_num = $(this).attr('class').substr(2);
		
		toggleButtons();
			
		return false;
  });
}

function toggleButtons() {
	
	img_num = parseInt(img_num);
	
	if(img_num == 0) {
		$('#prev2').addClass('hidden');
	} else {
		$('#prev2').removeClass('hidden');
	}
	
	num = img_num + 1;
	
	if(num == img_cant) {
		$('#next2').addClass('hidden');
	} else {
		$('#next2').removeClass('hidden');
	}
}

var flagOnLoad //parche para impedir flickering;
		 
function showImage(src, title)
{
	
	//base = $("base").attr("href");

	//var src = base+src;
		
	var img = new Image();
	
	img.onload = function() {
			
		if(flagOnLoad == src) {
			return;
		}
		
		flagOnLoad = src;
			
		margin =  (750 - img.width) / 2;

		$('#gallery_photo').css('margin-left', margin);
		$('#gallery_photo').attr('src', src);
		$('#gallery_photo').fadeIn();
		$('#gallery_photo').attr('title', title);
		$('#gallery_photo').attr('alt', title);
		$('#photo_title').text(title);
	};
	
	img.src = src;
	
}
