/*
 * DropDownItem.js
 * Javascripts used for producing dropdown items
 *
 * @copyright Copyright 2007-2009 Tenchi Marketing Pte Ltd
 * @version $Id: DropDownMenu.js 2009-10-08
 */

// Set the common variables
var timeout 	        = 500;
var closetimer		= 0;
var dropdownitem    = 0;

// Open menu
function openitem(id) {	
	// Cancel menu close timer
	cancelclosetime();

	// close old layer
	if(dropdownitem) {
		dropdownitem.style.visibility = 'hidden';
		dropdownitem.style.position = 'absolute';
	}

	// get new layer and show it
	dropdownitem = document.getElementById(id);
	dropdownitem.style.visibility = 'visible';
        dropdownitem.style.position = 'static';
}

// Close menu
function closeitem() {
	if(dropdownitem) {
		dropdownitem.style.visibility = 'hidden';
		dropdownitem.style.position = 'absolute';
	}
}

// Set menu close timer
function itemclosetime() {
	closetimer = window.setTimeout(closeitem, timeout);
}

// Cancel menu close timer
function cancelclosetime() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// Close menu when clicked outside
document.onclick = closeitem;