var pathimg = "/img/";
var pathupl = "/upload/";
var tbarr = ["home","events","info","photogallery","contacts"];
var tbselected;
var actualphoto = 1;
var imagehided = false;

function OpenNew(page){
	newWin = window.open(page,'new','resizable=no,scrollbars=yes,status=no,width=500,height=420');
}

function init(page, pars) {
	Element.setStyle('logoflash',{display: 'none'});
	var d = 0.6;
	var elem = 'monitor';
	Element.setStyle(elem,{display: 'block'});
	Effect.SwitchOn(elem,1,100, {duration: d, afterFinish: showOthers});
	Effect.toggle('toolbar','blind',{duration: 0});
	Effect.toggle('toolbar-items','blind',{duration: 0});
	openPage(page, pars);
}

function openPage(page, pars, img) {
	var d = 0.6;
	var elem = 'content';
	selecttb("tb"+page);
	var opac = Element.getStyle(elem,'opacity');
	if (opac==0) {
		var func1 = function () {
			checkPage(page, pars);
			window.clearTimeout(idst);
		}
		idst = window.setTimeout(func1,1500);
	} else {
		Effect.Fade(elem, {duration: d, afterFinish: function() {
				checkPage(page, pars);
			}
		});
	}
	if (page != "photogallery" && page!= "contacts") {
		if ((typeof img == "undefined") || (img == '')) {
			showImage(pathimg + page + ".jpg");
		} else {
			showImage(img);
		}
	}
}

function checkPage(page, pars) {
	if (page == "photogallery" || page == "contacts") {
		hideImage();
	} /*else {
		unHideImage();		
	}*/
	getPage(page, showContent, pars);
}

function getPage(page, onComplete, pars) {
	selecttb("tb"+page);
	var url = '/jspf/'+page+'.jsp';
	if (pars==undefined) {
		pars = "";
	}
	var myAjax = new Ajax.Updater(
		'content',//'placeholder', 
		url, 
		{
			method: 'get', 
			parameters: pars,
			evalScripts: true,
			onComplete: onComplete
		}
	);
}

function unhide(obj) {
	var elem = obj.element;
	Element.show(elem);
}

function showOthers() {
	var d = 0.2;
	var elem = 'toolbar';
	Element.setStyle(elem,{visibility: 'visible'});
	Element.setStyle(elem,{opacity: 0.6});
	Effect.toggle(elem, 'blind');
	
	var elem = 'toolbar-items';
	Element.setStyle(elem,{visibility: 'visible'});
	Effect.toggle(elem, 'blind');
	showFooter();
}

function showFooter() {
	var d = 0.6;
	var elem = "footer";
	Effect.Appear(elem, {duration: d});
}

function toggleCredits() {
	var d = 0.6;
	var elem = "credits";
	Element.setStyle(elem,{visibility: 'visible'});
	Effect.toggle(elem,'blind',{duration: 0.6});
}

function showContent() {
	var d = 0.6;
	var elem = "content";
	Effect.Appear(elem, {duration: d});
}

function clearTimeoutImage() {
	clearInterval(timerID);
	unHideImage();
}

function showImage(img) {
	var d = 0.6;
	var elem = "img";
	var old = $(elem).img;
	var check = img;

	if (old==check) {
		if (imagehided) {
			timerID=setInterval('clearTimeoutImage()',d*100);
		}
	} else {
		$(elem).img = img; // necessario per passare la variabile alla funzione di callback
		Effect.BlindRight(elem, {duration: d, afterFinish: loadImage});
	}
}

function hideImage() {
	var d = 0.6;
	var elem = "img";
	Effect.BlindRight(elem, {duration: d, afterFinish: setHided});
}

function unHideImage() {
	if (imagehided == true) {
		var d = 0.6;
		var elem = "img";
		Effect.BlindLeft(elem, {duration: d, afterFinish: setUnhided});
	}
}

function loadImage(obj) {
	var img = obj.element.img;
	var imghold = new Image();
	
	imghold.onload = function () {
		onCompleteLoading(obj.element);
	}
	imghold.src = img;
}

function setUnhided() {
	imagehided = false;
}

function setHided() {
	imagehided = true;
}

function onCompleteLoading(elem) {
	var d = 0.6;
	var myImg = elem.img;
	setHided();
	$(elem).style.backgroundImage = "url(\"" + myImg + "\")";
	unHideImage();
}

function openEventDetail(lang, det) {
	openPage('events', 'lang=' + lang + '&detail=' + det);
}

/* ROLLOVER E SETTING SEZIONE */

function selecttb (tbelem) {
	tbselected = "";
	for (var i=0;i<tbarr.length;i++) {
		var tb = "tb"+tbarr[i];
		if (tbelem == tb) {
			tbselected = tbelem;
			opacize(tb,'in');
		} else {
			opacize(tb,'out');
		}
	}
}

function opacize(elem,s) {
 	var o;
 	o = 0.99;
 	if (!(elem == tbselected)) {
 		if (s == "out") {
			o = 0.6;
		}
	}
	Element.setStyle(elem,{opacity: o});
}