// JavaScript Document
var STEP = 2;
var WIDTH = 121;
var WNDO = null;

function initScrollLayer() {
  WNDO = new dw_scrollObj('wn', 'lyr1', 'imgTbl');
  //dw_scrollObj.GeckoTableBugFix('wn');
}

function setFleche(wich, how) {
	//document.getElementById("FLECHE_" + wich.toUpperCase()).src = "img/fleche-" + wich + "-" + how + ".gif";
	document.getElementById("FLECHE_" + wich.toUpperCase()).style.visibility = (how == "off") ? "hidden" : "visible";
}

function scroll_up() {
	if(WNDO.x == 0 && WNDO.maxX > 0)
		setFleche("left", "on");
	if(WNDO.maxX + WNDO.x - (STEP*WIDTH) < WIDTH)
		setFleche("right", "off");
	dw_scrollObj.scrollBy('wn',-WIDTH*STEP,0); 
	return false;
}

function scroll_down() {
	if(WNDO.maxX + WNDO.x <= WIDTH && WNDO.maxX > 0)
		setFleche("right", "on");
	if(WNDO.x + (STEP*WIDTH) > -WIDTH) 
		setFleche("left", "off");
	dw_scrollObj.scrollBy('wn',STEP*WIDTH,0); 
	return false;
}

function _show_loading() {
	document.getElementById("LOADING").style.visibility = "visible";
}

function _hide_loading() {
	document.getElementById("LOADING").style.visibility = "hidden";
}

function showPhoto(_item) {
	if(_item.className == "active") return;
	_show_loading();
	
	var photo_princ = document.getElementById("PHOTO_PRINC");
	var pos = _item.src.indexOf("w=");
	var newSrc = _item.src.substring(0,pos) + "&w=360&h=270&iar=1";
	photo_princ.onload = function() { 
		_hide_loading(); 
		opacity("PHOTO_PRINC", 0, 100, 500); 
	}
	opacity("PHOTO_PRINC", 100, 0, 200);
	photo_princ.src = newSrc;
	
	var box = document.getElementById("PHOTOS-BOX");
	var items = box.getElementsByTagName("IMG");
	for(var i=0; i<items.length; i++) {
		if(items[i].className == "active")
			items[i].className = "";
	}
	_item.className = "active";
}

function selectFirstImg() {
	var table = document.getElementById("imgTbl");
	var firstTd = table.firstChild.firstChild.firstChild;
	if(firstTd.tagName != "TD")  return;
	var firstImg = firstTd.firstChild;
	if(firstImg.tagName != "IMG")  return;
	firstImg.className = "active";
}

$(function() { 
	$("#FLECHE_LEFT").css("visibility", "hidden");
	if($("#imgTbl td").length <= 3)
		$("#FLECHE_RIGHT").css("visibility", "hidden");
	
	//initScrollLayer();
	//selectFirstImg();
});