// JavaScript Document
var menuarrow_up = new Image();
menuarrow_up.src="/images/menu_arrow_up.gif";
var menuarrow_over = new Image();
menuarrow_over.src = "/images/menu_arrow_over.gif";


function setDivRollover(div) {
	alert("YOI");
}
function test() {
	alert ("HELLO");
}
/**
 * Rolls over the arrow in the birdlife menu
 * @param {String} imgId Id of image
 * @param {Object} toOverState Whether you want to go to over state or not
 */
function rollOverArrow(imgId,toOverState) {
	var x = new Image();
	x = getElem(imgId);
	if (toOverState) {
		
		x.src = menuarrow_over.src;
	}
	else {
		x.src = menuarrow_up.src;
	}
}

function showBigImage(imageURL,caption) {


	//var x = new HTMLTableElement();
	var x, img;
	x = getElem('bigImagePopUp');
	x.style.display = "";
	//var img = new Image();
	img = getElem('popUpBigImage');
	//var caption = new HTMLElement();
	img.onclick = hideBigImage;
	img.onmouseover = function() {
		this.style.cursor = "pointer";
	}
	img.onmouseout = function() {
		this.style.cursor = "auto";
	}
	//var loading = new HTMLElement();
	
	showLoading();
	img.src = imageURL;
	img.onload = function() {
		hideLoading();
		if (caption != null && caption != "" && caption != "undefined") {
			showCaption(caption);
			
		}
		this.alt = "Click to close image"
		
	}
	setBigImageToTop();
	window.onscroll = setBigImageToTop;
    window.onresize = setBigImageToTop;
}
function setBigImageToTop() {

	setElemToTop('bigImagePopUp',0);
	
}
function hideBigImage() {
	var x, img;
	x = getElem('bigImagePopUp');
	x.style.display = "none";
	window.onscroll = null;
	window.onresize = null;
}
function showLoading() {
	var loading,img,caption;
	loading = getElem('loadingImage');
	loading.style.display = ""; //visible
	img = getElem('popUpBigImage');
	img.style.display = "none"; //invisible
	caption = getElem('bigImageCaption');
	caption.style.display = "none";
}
function hideLoading() {
	var loading,img;
	loading = getElem('loadingImage');
	loading.style.display = "none"; //visible
	img = getElem('popUpBigImage');
	img.style.display = ""; //invisible
}
function showCaption(txt) {
	var caption;
	caption = getElem('bigImageCaption');
	caption.style.display = "";
	caption.innerHTML = txt;	
}
function bigImageSetToTop() {
	

}