//if (window.attachEvent) window.attachEvent("onload", sfHover);

var defaultTimeOut = 5000; //Default timeout 5 seconds
var sHideMenu = false;
var menuStart = new Date();
var clearDelay = 1000;

//Starts the rotation.
function startRotation (howMany, timeOut) {
    defaultTimeOut = timeOut;
    setTimeout('rotateLayers(' + howMany + ')', defaultTimeOut);
}

// This function rotates the visibility of layers randomly.
function rotateLayers (howMany) {
	  var rotatingLayerName = "";
    for (var i=1; i<=howMany; i++) {
    	rotatingLayerName = "rotatingLayer" + i;
    	eval("document.getElementById('" + rotatingLayerName + "').style.visibility = 'hidden'");
    	eval("document.getElementById('" + rotatingLayerName + "').style.display = 'none'");
    }
    var randomDiv = "rotatingLayer" + (Math.round(Math.random() * (howMany - 1)) + 1);
    eval("document.getElementById('" + randomDiv + "').style.visibility = 'visible'");
	  eval("document.getElementById('" + randomDiv + "').style.display = 'block'");    
    setTimeout('rotateLayers(' + howMany + ')', defaultTimeOut);
}

function montre( id ) {
	var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {
			document.getElementById('smenu'+i).style.display='none';
		}
	}
	if (d) {d.style.display='block';}
	sHideMenu = false;
}

function showMenu() {
	sHideMenu = false;
}

function hideMenu() {
	sHideMenu = true;
	menuStart = new Date();
	setTimeout("doHideMenu()");
}

function doHideMenu( ) {
	if (!sHideMenu) {
		return
	}
	var elapsed = new Date() - menuStart;
		if (elapsed < clearDelay) {
		setTimeout("doHideMenu()", clearDelay+100-elapsed);
		return;
	}
	sHideMenu = false;
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {
			document.getElementById('smenu'+i).style.display='none';
		}
	}
}

//constants
var hasLoaded = false;
var NUMBER_OF_PICTURES = 0;
var PICTURES_ID_PREFIX = "picGalleryNoScript_";
var PICTURES_LINK_ID_PREFIX = "pictureLink_";
var currentPic = 0;

//divs
var LOADING_DIV = "picGallery_loading";
var NEXT_DIV = "next";
var BACK_DIV = "back";
var NAVBOX_DIV = "navBox";
var THUMBNAILS_DIV = "thumbnails";

function init() {
	hasLoaded = true;
	showDiv(0);

	if (NUMBER_OF_PICTURES > 1) {
		document.getElementById(LOADING_DIV).style.display='none';
		document.getElementById(NAVBOX_DIV).style.display='block';
		document.getElementById(PICTURES_LINK_ID_PREFIX + currentPic).style.background= currentPicColor;
	}

	if (document.getElementById(THUMBNAILS_DIV)) {
		document.getElementById(THUMBNAILS_DIV).style.display='block';
	}
}

function doBgColor() {
	for(var i = 0; i < NUMBER_OF_PICTURES; i++) {
		document.getElementById(PICTURES_LINK_ID_PREFIX + i).style.background= unselectedColor;
	}
	document.getElementById(PICTURES_LINK_ID_PREFIX + currentPic).style.background= currentPicColor;
}

function doNextColor() {
	document.getElementById(BACK_DIV).style.color= unselectedColor;
	if(currentPic < (NUMBER_OF_PICTURES - 1)) {
		document.getElementById(NEXT_DIV).style.color= unselectedColor;
	} else {
		document.getElementById(NEXT_DIV).style.color= deadLinkColor;
	}
}

function doBackColor(){
	document.getElementById(NEXT_DIV).style.color= unselectedColor;

	if(currentPic > 0) {
		document.getElementById(BACK_DIV).style.color= unselectedColor;
	} else {
		document.getElementById(BACK_DIV).style.color= deadLinkColor;
	}
}

function showDiv(nDiv) {
	for(var i = 0; i < NUMBER_OF_PICTURES; i++) {

		if (NUMBER_OF_PICTURES > 1) {
			document.getElementById(PICTURES_LINK_ID_PREFIX + i).style.background= unselectedColor;
			document.getElementById(NEXT_DIV).style.color= unselectedColor;
			document.getElementById(BACK_DIV).style.color= unselectedColor;
		}

		var buttonid = i;
		var id = PICTURES_ID_PREFIX + i;
		var node = document.getElementById(id);
		if(node && i==nDiv) {
			node.style.display='block';
			node.style.visibility='visible';
			currentPic = i;

			if (NUMBER_OF_PICTURES > 1) {
				document.getElementById(PICTURES_LINK_ID_PREFIX + currentPic).style.background= currentPicColor;
			}
		} else if(node) {
			node.style.display='none';
			node.style.visibility='hidden';
		}
	}
}

function showDivNext() {
	if(currentPic < (NUMBER_OF_PICTURES - 1)) {
		showDiv(currentPic + 1);
		doBgColor();
		doNextColor();
	}
}

function showDivPrev() {
	if(currentPic > 0) {
		showDiv(currentPic - 1);
		doBgColor();
		doBackColor();
	}
}

function ColorOver(o) {
	o.style.backgroundColor= currentPicColor;
}

function ColorOut(o) {
	o.style.backgroundColor= unselectedColor;
	document.getElementById(PICTURES_LINK_ID_PREFIX + currentPic).style.background= currentPicColor;
}