/***********************************************************
	DHTML dropdown navigation (c) 2007, David Emerson
	Emerson Media :: www.emersonmedia.com
***********************************************************/

// settings for navigation buttons
var BUTTONS = new Array("home","how","resources","shop","about");
var MENU_TIMEOUT = 1;	// timeout disappearing time in sec
var FUDGE_FACTOR = 32;
var NUM_DROPDOWNS = 4;  // no. of dropdown menus on the navbar

/**********************************************************/

var timer_active = 0;

// precache all the buttons
var newImage = new Array();
if (document.images) {
	var x = 0;
	for(i=0; i<(BUTTONS.length*2); i+=2) {
		newImage[i] = new Image();
		newImage[(i+1)] = new Image();
		newImage[i].src = "http://web.jinfo.com/library/inc/b_" + BUTTONS[x] + "_on.gif";
		newImage[i+1].src = "http://web.jinfo.com/library/inc/b_" + BUTTONS[x] + "_off.gif";
		x++;
	}
}

function clear_timer() {
	if(timer_active == 1) {
		clearTimeout(timer);
		timer_active = 0;
	}
}

function dmenu_show(id_image,id_list) {

	// find position of button
	var pos_left = pos_top = 0;
	if (id_image.offsetParent) {
		pos_left = id_image.offsetLeft;
		pos_top = id_image.offsetTop;
		while (id_image = id_image.offsetParent) {
			pos_left += id_image.offsetLeft;
			pos_top += id_image.offsetTop;
		}
	}
	pos_top += FUDGE_FACTOR;

	document.getElementById(id_list).style.top = pos_top + "px";
	document.getElementById(id_list).style.left = pos_left + "px";
	document.getElementById(id_list).style.display = "block";
}

function dmenu_delay_hide() {
	clear_timer();
	timer = setTimeout('dmenu_hide();', MENU_TIMEOUT * 1000);
	timer_active = 1;
}

function dmenu_hide() {
	for(i=1; i<=NUM_DROPDOWNS; i++) {
		document.getElementById('dmenu'+i).style.display = "none";
	}
	for(i=0; i<BUTTONS.length; i++) {
		if(section!=BUTTONS[i])
			document.getElementById(BUTTONS[i]).src = "http://web.jinfo.com/library/inc/b_" + BUTTONS[i] + "_off.gif";
	}
}

function dmenu_item_over(id_item) {
	id_item.style.backgroundColor = '#b7c2d5';
	id_item.style.cursor = "hand";
}

function dmenu_item_out(id_item) {
	id_item.style.backgroundColor = '#e5e5e5';
}

function dmenu_b_over(id_image) {
	clear_timer();
	dmenu_hide();
	document.getElementById(id_image).src = "http://web.jinfo.com/library/inc/b_" + id_image + "_on.gif";
}