var lastLinkEl;
var lastRefLinkEl;
var thumbnails = new Array(10);
var imageUrls = new Array(4);
var thumbnailUrls = new Array(4);

function loadImage( imageId ) {
    if (lastLinkEl) {
    	lastLinkEl.parentNode.className = 'gallery-link';
    }
    document.images.mainimage.src = '../images/gallery/' + imageUrls[imageId - 1];
    lastLinkEl = document.getElementById('galleryimage' + imageId);
  	lastLinkEl.parentNode.className = 'gallery-link-sel';

	for (var i = 0; i < 4; i++) {
		if (thumbnails[imageId - 1][i]) {
	    	document.images['thumbnail' + i].parentNode.style.visibility = 'visible';
	    	document.images['thumbnail' + i].src = '../images/gallery/thumb_' + thumbnails[imageId - 1][i];
	    	thumbnailUrls[i] = thumbnails[imageId - 1][i];
		} else {
	    	document.images['thumbnail' + i].parentNode.style.visibility = 'hidden';
	    	document.images['thumbnail' + i].src = '../images/void.gif';
	    	thumbnailUrls[i] = null;
		}
	}
}

function zoomThumbnail( thumbnail ) {
	if (thumbnailUrls[thumbnail]) {
	    document.images.mainimage.src = '../images/gallery/' + thumbnailUrls[thumbnail];
	}
}

function setMainImage( url, linkEl ) {

	/*
	var g = document.getElementById('gallery');
    if (g != null) {
		while (g.hasChildNodes) {
			g.removeChild(g.firstChild);
		}
	}
   	*/
   	
    if (lastRefLinkEl) {
    	lastRefLinkEl.style.color = '#000000';
    	lastRefLinkEl.parentNode.style.backgroundColor = '#ffffff';
    }

	document.images.mainimage.src = '../images/gallery/' + url;

    lastRefLinkEl = linkEl;
    lastRefLinkEl.style.color = '#ffffff';
   	lastRefLinkEl.parentNode.style.backgroundColor = '#990000';
}

function addImage( imageId, url ) {
	thumbnails[imageId - 1] = new Array();
	imageUrls[imageId - 1] = url;
}

function addThumbnail( imageId, thumbnailId, url ) {
	thumbnails[imageId - 1][thumbnailId - 1] = url;
}

function setRandomMainImage() {
	var rand = 1 + Math.floor( Math.random() * 23);
	document.images.mainimage.src = '../images/home_' + rand + '.jpg';
}

function highlightMenu( item, value, styleSuffix ) {
	if (value) {
		item.className = 'menuitem-hover';
	} else {
		item.className = 'menuitem' + styleSuffix;
	}
}

function highlightSubmenu( item, value, styleSuffix ) {
	if (value) {
		item.className = 'submenuitem-hover';
	} else {
		item.className = 'submenuitem' + styleSuffix;
	}
}

function showMap() {
    var source = document.getElementById( 'mapAnchor' );
    var map = document.getElementById( 'map' );
    if (window.innerHeight) {
	    map.style.top = (window.innerHeight - map.style.height) / 2;
    	map.style.left = (window.innerWidth - map.style.width) / 2;
   	}
    if (document.body.clientHeight) {
	    map.style.top = (document.body.clientHeight - map.style.height) / 2;
    	map.style.left = (document.body.clientWidth - map.style.width) / 2;
   	}
    map.style.visibility = 'visible';
}