var COLONNE = 4;

var objFotoAlbum = null;
var objFotoAlbumVect = new Array();
var imageObj;
var tim = null;
var timFS = null;
var onLoadFSOk = 0;
var imageObjFS = null;

function LoadAlbum(NAlbumNome, NAlbum, AlbumBackground) {
	var s = "";
	objFotoAlbum = objFotoAlbumVect[NAlbum];
	document.getElementById("id_Body").style.background = "url('" + AlbumBackground + "')";
	imageObj = new Array();
	for (c = 0; c < objFotoAlbum.immagini.length; ++c) {
		imageObj[c] = new Image();
		imageObj[c].src = objFotoAlbum.immagini[c].immagine; 
		imageObj[c + objFotoAlbum.immagini.length] = new Image();
		imageObj[c + objFotoAlbum.immagini.length].src = objFotoAlbum.immagini[c].icona; 
	}
	
	
	s = s + "<table class=\"TabAlbum02\">";
	s = s + "<tr>";
	s = s + "<td>";
	s = s + "<div class=\"class_txtTitolo\">" + NAlbumNome + "</div>";
	s = s + "</td>";
	s = s + "</tr>";
	s = s + "<tr>";
	s = s + "<td class=\"TabAlbum02_thumb_list\">";
	s = s + "<table class=\"TabAlbum02_thumb_list02\">";
	s = s + "<tr>";
	
	s = s + "<td class=\"class_TDThumbArrow\"><a href=\"javascript:setPrevThumb()\"><img border=\"0\" class=\"class_ImageArrow\" alt=\"\" src=\"immagini/dd_arrow_left.gif\" /></a></td>";
	
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb1\"><a href=\"javascript:selImage(0)\" class=\"class_AHide\" id=\"id_A1\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb1\" src=\"immagini/clock.gif\" /></a></td>";
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb2\"><a href=\"javascript:selImage(1)\" class=\"class_AHide\" id=\"id_A2\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb2\" src=\"immagini/clock.gif\" /></a></td>";
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb3\"><a href=\"javascript:selImage(2)\" class=\"class_AHide\" id=\"id_A3\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb3\" src=\"immagini/clock.gif\" /></a></td>";
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb4\"><a href=\"javascript:selImage(3)\" class=\"class_AHide\" id=\"id_A4\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb4\" src=\"immagini/clock.gif\" /></a></td>";
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb5\"><a href=\"javascript:selImage(4)\" class=\"class_AHide\" id=\"id_A5\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb5\" src=\"immagini/clock.gif\" /></a></td>";
	s = s + "<td class=\"class_TDThumbA\" id=\"id_TDThumb6\"><a href=\"javascript:selImage(5)\" class=\"class_AHide\" id=\"id_A6\"><img class=\"class_ImageThumbOriz\" id=\"id_ImageThumb6\" src=\"immagini/clock.gif\" /></a></td>";
	
	s = s + "<td class=\"class_TDThumbArrow\"><a href=\"javascript:setNextThumb()\"><img border=\"0\" class=\"class_ImageArrow\" alt=\"\" src=\"immagini/dd_arrow_right.gif\" /></a></td>";
	
	s = s + "</tr>";
	s = s + "</table>";
	s = s + "</td>";
	s = s + "</tr>";
	s = s + "<tr>";
	s = s + "<td>";
	s = s + "<table style=\"width: 100%\">";
	
	s = s + "<tr>";
	s = s + "<td style=\"text-align: left;\">";
	s = s + "<a href=\"javascript:setPrevImage()\"><img border=\"0\" src=\"immagini/arrow_left.gif\" /></a>";
	s = s + "</td>";
	s = s + "<td style=\"text-align: center;\">";
	s = s + "<a href=\"javascript:LoadAllAlbum()\"><img border=\"0\" src=\"immagini/arrow_up.gif\" /></a>";
	s = s + "</td>";
	s = s + "<td style=\"text-align: right;\">";
	s = s + "<a href=\"javascript:setNextImage()\"><img border=\"0\" src=\"immagini/arrow_right.gif\" /></a>";
	s = s + "</td>";
	s = s + "</tr>";
	s = s + "<tr>";
	s = s + "<td style=\"text-align: left;\">";
	s = s + "</td>";
	s = s + "<td style=\"text-align: center;\">";
	s = s + "<a href=\"javascript:SlideshowStart()\"><img border=\"0\" id=\"id_imgPlay\" src=\"immagini/play.gif\" /></a>&nbsp;";
	s = s + "<a href=\"javascript:SlideshowStop()\"><img border=\"0\" id=\"id_imgPause\" src=\"immagini/pause_down.gif\" /></a>&nbsp;";
	s = s + "<a href=\"javascript:newWindow('foto_popup.php?dir=" + NAlbumNome + "&album=" + NAlbum + "', 'popup', 1024, 768, 1, 0, 0, 0, 0, 0, 1);\"><img border=\"0\" src=\"immagini/avvia.gif\" /></a>";
	s = s + "</td>";
	s = s + "<td style=\"text-align: right;\">";
	s = s + "</td>";
	s = s + "</tr>";
	
	
	s = s + "</table>";
	s = s + "</td>";
	s = s + "</tr>";
	s = s + "<tr>";
	s = s + "<td class=\"class_TDImageViewer\" id=\"id_TDImageViewer\">";
	s = s + "<a href=\"javascript:setNextImage()\">";
	s = s + "<img class=\"class_ImageViewerOriz\" id=\"id_ImageViewer\" src=\"immagini/clock.gif\" />";
	s = s + "</a>";
	s = s + "<div id=\"id_txtCommento\"></div>";
	s = s + "</td>";
	s = s + "</tr>";
	s = s + "<tr>";
	s = s + "</tr>";
	s = s + "</table>";
	document.getElementById("foto_album_content").innerHTML = s;
	initThumb();
	
}

function SlideshowStart() {
	if (tim != null) {
		clearTimeout(tim);
		tim = null;
	}
	tim = setInterval("setNextImageSlideshow()", objFotoAlbum.slideshow_timeout * 1000);	
	document.getElementById("id_imgPlay").src = "immagini/play_down.gif";
	document.getElementById("id_imgPause").src = "immagini/pause.gif";
}

function SlideshowStop() {
	if (document.getElementById("id_imgPlay"))
		document.getElementById("id_imgPlay").src = "immagini/play.gif";
	if (document.getElementById("id_imgPause"))
		document.getElementById("id_imgPause").src = "immagini/pause_down.gif";
	if (tim != null)
		clearTimeout(tim);
}

function setNextImageSlideshow() {
	
	if (objFotoAlbum.immagini.length > 0) {
		var i = objFotoAlbum.immagine_corrente + 1;
		var lMin = objFotoAlbum.immagine_base;
		var lMax = lMin + 5;
		if (i < objFotoAlbum.immagini.length) {
			objFotoAlbum.immagine_corrente = i;
			if (i < lMin)
				objFotoAlbum.immagine_base = i;
			if (i > lMax)
				objFotoAlbum.immagine_base = i - 5;
		}
		else {
			objFotoAlbum.immagine_base = 0;
			objFotoAlbum.immagine_corrente = 0;
		}
		loadThumb();
		loadImage();
	}
	
}

var tim_Tmp = null;
var conta_check_image;
function onLoadFS() {

  objFotoAlbum = objFotoAlbumFS;
  document.getElementById("id_BodyFS").style.background = "url('" + objFotoAlbum.album_bg + "')";
  imageObjFS = new Array();
  onLoadFSOk = 1;
  for (c = 0; c < objFotoAlbum.immagini.length; ++c) {
	  imageObjFS[c] = new Image();
	  imageObjFS[c].src = objFotoAlbum.immagini[c].immagine;
	  imageObjFS[c].onload = loadImageFinish;
  }
  tim_tmp = setInterval("checkLoadImg()", 1000);
  conta_check_image = 0;
}

function checkLoadImg() {
	
	var conta = 0;
	
	++conta_check_image;
	if (onLoadFSOk == 1) {
		for (c = 0; c < imageObjFS.length; ++c) {
			if (imageObjFS[c].complete)
				conta++;
		}
		if ((conta_check_image > 10) || (conta >= imageObjFS.length)) {
			startSlideShowFS();
		}
	}
	else {
		if (tim_tmp != null) {
			clearTimeout(tim_tmp);
			tim_tmp = null;
		}
	}
	
}

function loadImageFinish() {

	var conta = 0;
	for (c = 0; c < imageObjFS.length; ++c) {
		if (imageObjFS[c].complete)
			conta++;
	}
	if ((onLoadFSOk == 1) && conta >= imageObjFS.length) 
		startSlideShowFS();
	
}

function startSlideShowFS() {
	onLoadFSOk = 0;
	if (timFS != null) {
		clearTimeout(timFS);
		timFS = null;
	}
	loadImageFS();
	timFS = setInterval("setNextImageSlideshowFS()", objFotoAlbum.slideshow_timeout * 1000);
	document.getElementById("id_imgPlayFS").src = "immagini/play_down.gif";
	document.getElementById("id_imgPauseFS").src = "immagini/pause.gif";
}

function stopSlideShowFS() {
	if (document.getElementById("id_imgPlayFS"))
		document.getElementById("id_imgPlayFS").src = "immagini/play.gif";
	if (document.getElementById("id_imgPauseFS"))
		document.getElementById("id_imgPauseFS").src = "immagini/pause.gif";
	if (timFS != null) {
		clearTimeout(timFS);
		if (document.getElementById("id_imgPauseFS"))
			document.getElementById("id_imgPauseFS").src = "immagini/pause_down.gif";
	}
}

function setNextFS() {
	
	var i = objFotoAlbum.immagine_corrente + 1;
	if (i < objFotoAlbum.immagini.length) {
		objFotoAlbum.immagine_corrente = i;
		loadImageFS();
	}
	stopSlideShowFS();

}

function setPrevFS() {
	
	var i = objFotoAlbum.immagine_corrente - 1;
	if (i >= 0) {
		objFotoAlbum.immagine_corrente = i;
		loadImageFS();
	}
	stopSlideShowFS();	
}

function setNextImageSlideshowFS() {
	
	if (objFotoAlbum.immagini.length > 0) {
		var i = objFotoAlbum.immagine_corrente + 1;
		if (i < objFotoAlbum.immagini.length) {
			objFotoAlbum.immagine_corrente = i;
		}
		else {
			objFotoAlbum.immagine_corrente = 0;
		}
		loadImageFS();
	}
	
}

function loadImageFS() {
	if ((objFotoAlbum.immagine_corrente < objFotoAlbum.immagini.length) && (objFotoAlbum.immagine_corrente >= 0)) {
		document.getElementById("id_FSIdxFoto").innerHTML = (objFotoAlbum.immagine_corrente + 1) + " di " + objFotoAlbum.immagini.length;
		var img = objFotoAlbum.immagini[objFotoAlbum.immagine_corrente]; 
		var iw = img.w;
		var ih = img.h;
		var ww = clientAreaWidth();
		var wh = clientAreaHeight();
		document.getElementById("id_ImageViewer").src = img.immagine;
		if ((ww > 0) && (wh > 0)) {
		  w1 = ww;
		  h1 = (ww * ih) / iw;
		  h2 = wh;
		  w2 = (wh * iw) / ih;
		  a1 = w1 * h1;
		  a2 = w2 * h2;
		  if (a1 > a2) {
		    if (h1 < wh) {
		      nw = w1;
		      nh = h1;
		    }
		    else {
		      nw = w2;
		      nh = h2;
		    }
		  }
		  else {
		    if (w2 < ww) {
		      nw = w2;
		      nh = h2;
		    }
		    else {
		      nw = w1;
		      nh = h1;
		    }
		  }
		  nw = Math.round(nw * 0.8);
		  nh = Math.round(nh * 0.8);
		  document.getElementById("id_ImageViewer").style.width = nw +"px";
		  document.getElementById("id_ImageViewer").style.height = nh + "px";
		}
		else
		  document.getElementById("id_ImageViewer").style.height = "80%";

	}
}


function LoadAllAlbum() {

	var num_album = objAlbumList.album_list.length;
	
	objFotoAlbum = null;
	document.getElementById("id_Body").style.background = "url('immagini/bg.jpg')";
	if (tim != null)
		clearTimeout(tim);
	if (num_album > 0) {
		var album_idx = 0;
		var s = ""; //"<div class=\"class_FotoAlbumContent\" id=\"foto_album_content\" style=\"text-align: center;\">";
		s = s + "<table class=\"class_TableContent\" style=\"margin-left: auto; margin-right: auto; text-align: center;\">";
		while (album_idx < num_album) {
			s = s + "<tr>";
			for (c = 0; c < COLONNE; ++c) {
				if (album_idx >= num_album)
					s = s + "<td class=\"class_AllAlbyumThumbEmpty\"></td>";
				else {
					dhtmlLoadScript(objAlbumList.album_list[album_idx].album_js);
					s = s + "<td class=\"class_TDAllThumb01\">";
					s = s + "<table>";
					s = s + "<tr>";
					
					s = s + "<td class=\"class_AllAlbyumThumb\">"
					s = s + "<a href=\"javascript:LoadAlbum('" + objAlbumList.album_list[album_idx].album_nome + "', '" + objAlbumList.album_list[album_idx].album + "', '" + objAlbumList.album_list[album_idx].album_bg + "');\">";
					if (objAlbumList.album_list[album_idx].orientamento == 0)
						s = s + "<img src=\"" + objAlbumList.album_list[album_idx].album_icon + "\" class=\"class_AllThumbOriz\" />";
					else
						s = s + "<img src=\"" + objAlbumList.album_list[album_idx].album_icon + "\" class=\"class_AllThumbVert\" />";
					s = s + "</a>";
					
					s = s + "</td>";
					s = s + "</tr>";
					s = s + "<tr>";
					s = s + "<td class=\"class_AllAlbyumThumbDescr\">";
					
					s = s + "<a href=\"javascript:LoadAlbum('" + objAlbumList.album_list[album_idx].album_nome + "', '" + objAlbumList.album_list[album_idx].album + "', '" + objAlbumList.album_list[album_idx].album_bg + "');\">";
					s = s + "<div>" + objAlbumList.album_list[album_idx].album_nome + "</div>"; 
					s = s + "</a>";
					s = s + "</td>";
					
					s = s + "</tr>";					
					s = s + "</table>";
					s = s + "</td>";
				}
				++album_idx;
			}
			s = s + "</tr>";
		}
		s = s + "</table>";
//		s = s + "</div>";
		document.getElementById("foto_album_content").innerHTML = s;
	}

}

function initThumb() {
	
	objFotoAlbum.immagine_corrente = 0;
	objFotoAlbum.immagine_base = 0;
	loadThumb();
	loadImage();
	
}
	
function loadThumb() {
		
	for (c = 0; c < 6; ++c) {
			
		var p = c + objFotoAlbum.immagine_base;
		var s = "";
		var id = "foto_thumb" + (c + 1);
		var i_id = "id_ImageThumb" + (c + 1);
		var td_id = "id_TDThumb" + (c + 1);
		var a_id = "id_A" + (c + 1);
		if (p < objFotoAlbum.immagini.length) {
			var img = objFotoAlbum.immagini[p];
			if (img.orientamento == 0)
				document.getElementById(i_id).className = "class_ImageThumbOriz";
			else
				document.getElementById(i_id).className = "class_ImageThumbVert";
			if (objFotoAlbum.immagine_corrente == p)
				document.getElementById(td_id).className = "class_TDThumbB";
			else
				document.getElementById(td_id).className = "class_TDThumbA";
			document.getElementById(i_id).src = img.icona;
			document.getElementById(a_id).className = "class_AShow";
		}
		else {
			document.getElementById(td_id).className = "class_TDThumbA";
			document.getElementById(i_id).src = "immagini/empty_thumb.gif";
			document.getElementById(a_id).className = "class_AHide";
		}

	}

}

function loadImage() {
	if ((objFotoAlbum.immagine_corrente < objFotoAlbum.immagini.length) && (objFotoAlbum.immagine_corrente >= 0)) {
		var img = objFotoAlbum.immagini[objFotoAlbum.immagine_corrente]; 
		var commento = Base64.decode(img.commento);
		document.getElementById("id_ImageViewer").src = "immagini/empty_tab.gif";
		document.getElementById("id_ImageViewer").className = "class_ImageViewerTmp";
		document.getElementById("id_ImageViewer").src = img.immagine;
		if (img.orientamento == 0) 
			document.getElementById("id_ImageViewer").className = "class_ImageViewerOriz";
		else
			document.getElementById("id_ImageViewer").className = "class_ImageViewerVert";
		if (commento != "") {
			var w = img.w;
			var h = img.h;
			document.getElementById("id_txtCommento").innerHTML = "<div class=\"class_txtCommento\" id=\"id_txtC\">" + commento + "</div>";
			var k = 600;
			if (w < h)
				k = Math.round((600 * w) / h);
			document.getElementById("id_txtC").style.width = k + "px";
		}
		else
			document.getElementById("id_txtCommento").innerHTML = "<div class=\"class_txtNoCommento\" id=\"id_txtC\"></div>";

	}
}

function selImage(idx) {
	
	objFotoAlbum.immagine_corrente = idx + objFotoAlbum.immagine_base;
	loadThumb();
	loadImage();
	SlideshowStop();	
	
}

function setNextImage() {
	
	var i = objFotoAlbum.immagine_corrente + 1;
	var lMin = objFotoAlbum.immagine_base;
	var lMax = lMin + 5;
	if (i < objFotoAlbum.immagini.length) {
		objFotoAlbum.immagine_corrente = i;
		if (i < lMin)
			objFotoAlbum.immagine_base = i;
		if (i > lMax)
			objFotoAlbum.immagine_base = i - 5;
		loadThumb();
		loadImage();
	}
	SlideshowStop();

}

function setPrevImage() {
	
	var i = objFotoAlbum.immagine_corrente - 1;
	var lMin = objFotoAlbum.immagine_base;
	var lMax = lMin + 5;
	if (i >= 0) {
		objFotoAlbum.immagine_corrente = i;
		if (i < lMin)
			objFotoAlbum.immagine_base = i;
		if (i > lMax)
			objFotoAlbum.immagine_base = i - 5;
		loadThumb();
		loadImage();
	}
	SlideshowStop();	
}

function setNextThumb() {
	
	var i = objFotoAlbum.immagine_base + 1;
	if (i <= objFotoAlbum.immagini.length - 6) {
		objFotoAlbum.immagine_base = i;
		loadThumb();
	}

}

function setPrevThumb() {
	
	var i = objFotoAlbum.immagine_base - 1;
	if (i >= 0) {
		objFotoAlbum.immagine_base = i;
		loadThumb();
	}
	
}