// variables declaration
var XMLGALLERY_PATH="img/gallery/elenco.xml";
var XML_PATH = "img/gallery/XXX/images.xml";
var images=new Array();
var id=0;

function CaricaElencoGallerie() {
	$.ajax({
			type: "GET",
			url: XMLGALLERY_PATH,
			dataType: "xml",
			success: function(xml) 
			{
				$(xml).find('galleria').each(function(value)
				{
					var $item=$(this);
					$('#selGallery').addOption($item.find("nome").text(),$item.find("titolo").text());
				});
				
			}
	});
}

// load XML file
function loadXML(NomeGalleria)
{
    var xPath=XML_PATH.replace('XXX',NomeGalleria);
    
	$('.left a').hide();
	$('.left').css("opacity","1");
	$('.right a').hide();
	$('.right').css("opacity","1");
	$("#counter").text("XML loading");
	
	$.ajax({
			type: "GET",
			url: xPath,
			dataType: "xml",
			success: function(xml) 
			{
				$(xml).find('image').each(function(value)
				{
					images[value]=$(this).text();
				});
				
				init();
				loadImage();
			}
	});
}


// init the application
function init()
{
	$('#butIndietroGallery').click(function ()
	{
		id--;
		loadImage();
	});
	
	$('#butAvantiGallery').click(function ()
	{
		id++;
		loadImage();
	});
};


// check current id
function checkID()
{
	if(id<=0)
	{
		id=0;
		$('.left a').hide();
	}
	
	if(id>=images.length-1)
	{
		id=images.length-1;
		$('.right a').hide();
	}
	
	if(id>0)
		$('.left a').show();
			
	if(id<images.length-1)
		$('.right a').show();
		
	$("#counter").text((id+1)+" / "+images.length);
};


// load image
function loadImage()
{
	$("#counter").text("loading");
	
	$("#holder").empty();
	$("#holder").prepend('<img id="my_img" src="'+images[id]+'" />');
	
	var img = document.getElementById('my_img'); 
	var w=img.clientWidth;
	var h=img.clientHeight;

	if (w>h) {
	    $('#my_img').attr('width','480px');
	}
	else {
	    $('#my_img').attr('height','272px');
	}
	
	$('#my_img').load(function() 
	{
		checkID();
	});
}