var thumbToOpen = -1;
var thumbToClose = -1;

function lunchboxOpen(lunchID) {
document.getElementById('lunch_' + lunchID).style.display = "block";
document.getElementById('clasp_' + lunchID).innerHTML="<a href=\"javascript:lunchboxClose('" + lunchID + "');\">Close Lunchbox " + lunchID + "...</a>";
}
function lunchboxClose(lunchID) {
//document.getElementById('homepage').style.height = 0;
document.getElementById('homepage').style.display = "none";

document.getElementById('lunch_' + lunchID).style.display = "none";
document.getElementById('clasp_' + lunchID).innerHTML="<a href=\"javascript:lunchboxOpen('" + lunchID + "');\">Open Lunchbox " + lunchID + "...</a>";
} 

function aprihomepage() {
document.getElementById('homepage').style.display = "block";
document.getElementById('landscape').style.display = "none";
document.getElementById('people').style.display = "none";
document.getElementById('nature').style.display = "none";
document.getElementById('urban').style.display = "none";
document.getElementById('abstract').style.display = "none";
document.getElementById('places').style.display = "none";
document.getElementById('alba1').style.display = "none";
document.getElementById('alba2').style.display = "none";
document.getElementById('alba3').style.display = "none";
document.getElementById('alba4').style.display = "none";

}



function openThumbs(selected,open){

	var thumbs = $$('.thumbnailContainer');
	var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadOut, onComplete: nextThumbs});
	var thumbFx2 = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadIn, onComplete: nextThumbs});

	thumbToOpen = selected;
	//thumbToClose = open;


	


	var obj = {};
	if(selected == -1){
		document.getElementById('homepage').style.display = "block";
		obj[thumbToClose] = {
			'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
		};
		thumbFx.start(obj);
		//thumbToClose = -1;
	}else{
		if(thumbToClose == -1){
			document.getElementById('homepage').style.display = "none";
			thumbs[selected].setStyle('display', 'block');
			
			//alert(thumbs[selected].id)

/*

			if(thumbs[selected].id == 'landscape'){
				
				obj[selected] = {
				'height': [thumbs[selected].getStyle('height').toInt(), 200] 
				};
			
				
			} else {
				
				obj[selected] = {
				'height': [thumbs[selected].getStyle('height').toInt(), 500] 
				};
				
				
				
			}
			
*/

	
	
	
			obj[selected] = {
				'height': [thumbs[selected].getStyle('height').toInt(), 540] // altezza finestra menu anche piu sotto
			};
			

			
			
			thumbFx.start(obj);
			thumbToClose = selected;
			
		}else{
			document.getElementById('homepage').style.display = "none";
			obj[thumbToClose] = {
				'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
			};
			
			thumbFx2.start(obj);
			//thumbToClose = -1;
		}
	}
}

function nextThumbs(){
	var thumbs = $$('.thumbnailContainer');
	var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
	
	if(thumbToClose != -1){

		thumbs[thumbToClose].setStyle('display', 'none');
		thumbToClose = -1;
		//document.getElementById('homepage').style.display = "block";
	
	if(thumbToOpen != -1){
	
		thumbs[thumbToOpen].setStyle('display', 'block');
		var obj = {};
		
/*		
		if(thumbs[selected].id == 'landscape'){

			obj[thumbToOpen] = {
			'height': [thumbs[thumbToOpen].getStyle('height').toInt(), 200] // altezza finestra menu anche piu sotto
			};
		} else {
			
			obj[thumbToOpen] = {
			'height': [thumbs[thumbToOpen].getStyle('height').toInt(), 500] // altezza finestra menu anche piu sotto
			};
			
			
		}
		
*/
		

		obj[thumbToOpen] = {
			'height': [thumbs[thumbToOpen].getStyle('height').toInt(), 540] // altezza finestra menu anche piu sotto
		};
		
		
		
		
		
		
		thumbFx.start(obj);
		thumbToClose = thumbToOpen;
	}
	}
}
