/*
	Drop-down menu based on
		http://javascript-array.com/scripts/simple_drop_down_menu/
	It got a bit simplified though, since we need only one menu here.
*/

var closeTimer = null;
var gallery = 0;

// Show the menu
function showMenu()
{
	cancelCloseTime();
	document.getElementById('vmenu').style.visibility = 'visible';
}
// Close the menu
function closeMenu()
{
	document.getElementById('vmenu').style.visibility = 'hidden';
}
// Setup a close timer
function closeTime()
{
	closeTimer = window.setTimeout(closeMenu, 500);
}
// Cancel the close timer
function cancelCloseTime()
{
	if (closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}

// Highlight a menu item
function highlight(img)
{
	if ((img != null) && (img.className == 'img_menuitem'))
		img.src = 'content/' + img.id + 'hi.gif';
}
// Return a menu item back to normal
function dim(img)
{
	if ((img != null) && (img.className == 'img_menuitem'))
		img.src = 'content/' + img.id + '.gif';
}
// Preload highlighted menu images
function preload()
{
	var img0 = new Image; img0.src = 'content/m00hi.gif';
	var img1 = new Image; img1.src = 'content/m01hi.gif';
	var img2 = new Image; img2.src = 'content/m02hi.gif';
	var img3 = new Image; img3.src = 'content/m03hi.gif';
	var img4 = new Image; img4.src = 'content/m04hi.gif';
	var img5 = new Image; img5.src = 'content/m05hi.gif';
	var img6 = new Image; img6.src = 'content/m06hi.gif';
	var img7 = new Image; img7.src = 'content/m07hi.gif';
	var img8 = new Image; img8.src = 'content/m08hi.gif';
}
// Next page of gallery
function nextgal()
{
	var elem = document.getElementById('page'+(gallery+1));
	if (elem != null)
	{
		document.getElementById('page'+gallery).className = 'page_hidden';
		gallery++;
		elem.className = 'page_visible';
	}
	
}
// Previous page of gallery
function prevgal()
{
	var elem = document.getElementById('page'+(gallery-1));
	if (elem != null)
	{
		document.getElementById('page'+gallery).className = 'page_hidden';
		gallery--;
		elem.className = 'page_visible';
	}
}

// Automatically close menu on click
document.onclick = closeMenu;
