//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
}

//change the opacity for different browsers
function MSchangeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.filter = "alpha(opacity=" + opacity + ")";
}

/* preload images */
var imgload = new Array();
for (i=0;i<3;i++) {
    imgload[i] = new Image();
}

imgload[0].src = "images/menub.png";
imgload[1].src = "images/menut.png";
imgload[2].src = "images/paper_texture5.gif";


var divs = new Array();
var pages = new Array();

divs[0] = "dummy";
divs[1] = "inf1";
divs[2] = "inf2";
divs[3] = "inf3";
divs[4] = "inf4";

pages[0] = "dummy";
pages[1] = "page1";
pages[2] = "page2";
pages[3] = "page3";

function showpage(n) {

	for (i=1; i<divs.length; i++) {
		var obj = document.getElementById(divs[i]);
		var action = (i == n)?"block":"none";
		obj.style.display=action;
	}
}

function hidepage(n) {
	var obj = document.getElementById(divs[n]);
	obj.style.display="none";
}

function goToPage(n) {
	for (i=1; i<pages.length; i++) {
		var obj = document.getElementById(pages[i]);
		var action = (i == n)?"block":"none";
		obj.style.display=action;
	}
}

	/* 
	* pageLoad()
	*	Tidy up URLs, 
	*	(a) for menu items 
	*	(b) to force page reload under obscure conditions. 
	*/

function pageLoad() {

	var n = document.links.length;
    var x = 0;
	for (i=0; i<n; i++) {
		var temp = document.links[i];
		var turl = temp.href;
		var apos = turl.indexOf("index.php?page=");
		if (apos >= 0) {
			x++;
			// var x = i + 1;
			temp.href = "javascript: goToPage(" + x + ")";
		} else {
			apos = turl.indexOf("index.php?range=");
			if (apos >= 0) {
				var dummy = Math.floor(Math.random()*1e6);
				temp.href = turl.replace("index.php?", "index.php?dummy=" + dummy + "&");
			}
		}
	}
	x = document.getElementById("bfll");
	x.style.visibility="visible";
	x = document.getElementById("bflr");
	x.style.visibility="visible";
	x = document.getElementById("mainphoto");
	x.style.cursor="pointer";
	x.title="Click for next Picture";
	x.alt="Click for next Picture"

	var cky = parseInt(readCookie("ghostpic"));
	cky = imgNumber; // ignore cookie value?
	picchng(cky);
// Re-save the cookie.
	document.cookie =  'ghostpic=' + cky;


}

function picbck() {
// read cookie
	var cky = parseInt(readCookie("ghostpic"));
	// cky = (cky>0) ? --cky : 14;
	cky = (cky>0) ? --cky : imgCountDec;

// Re-save the cookie.
	document.cookie =  'ghostpic=' + cky;

	picchng(cky);
}

function picfwd() {

// read cookie
	var cky = parseInt(readCookie("ghostpic"));
	// cky = (cky<14) ? ++cky : 0;
	cky = (cky<imgCountDec) ? ++cky : 0;

// Re-save the cookie.
	document.cookie =  'ghostpic=' + cky;
	picchng(cky);
}

function picchng(n) {

	var num = n+1;
	var box = document.getElementById("photobox");
	var tempwidth = photox[n]+8;
	box.style.width = tempwidth + "px";

	var pic = document.getElementById("mainphoto");
	pic.src = photon[n];
	pic.width = photox[n];
	pic.height = photoy[n];

	var pich = document.getElementById("pichelp");
	pich.innerHTML = num + ' of ' + imgCount;

}


/***** cookie handling ******/
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


/******************/
