var button_left = "button_left_";
var button_right = "button_right_";

var button_left_url = imagesPath + "images/button-left.gif";
var button_right_url = imagesPath + "images/button-right.gif";
var button_active_left_url = imagesPath + "images/button-active-left.gif";
var button_active_right_url = imagesPath + "images/button-active-right.gif";

var preloadedImages = new Array();

function preloadImage(src)
{
	var img = new Image();
	img.src = src;
	preloadedImages[preloadedImages.length] = img;
}

preloadImage(button_left_url);
preloadImage(button_right_url);
preloadImage(button_active_left_url);
preloadImage(button_active_right_url);


function buttonOver(id)
{
	buttonChangeState(id, true);
}

function buttonOut(id)
{
	buttonChangeState(id, false);
}

function buttonChangeState(id, active)
{
	var leftImage = document.images[button_left + id];
	var rightImage = document.images[button_right + id];
	if (!(leftImage && rightImage)) return;
	leftImage.src = (active) ? button_active_left_url : button_left_url; 
	rightImage.src = (active) ? button_active_right_url : button_right_url; 
}

function buttonContainerClick(container)
{
	if (document.layers) return;
	if (!document.getElementById) return;
	var As = container.getElementsByTagName("A");
	if (As.length == 0) return;
	document.location = As[0].href;
}


var lastVisibleMenu = null;
var menuChecker = 0;

var classItemActive = "menu_item_active";
var classItem = "menu_item";

function menuShow(item, menu_id)
{
	menuHide();
	item.className = classItemActive;
	//var sub_menu = document.getElementById(item.getAttribute("menu_id"));
	var sub_menu = document.getElementById(menu_id);
	if (typeof(sub_menu) == "object" && sub_menu != null)
	{
		lastVisibleMenu = sub_menu;
		var currItem = item;

		var top = currItem.offsetTop, left = currItem.offsetLeft; width = 0;
		while (currItem.offsetParent != null)
		{
			currItem = currItem.offsetParent;
			top += currItem.offsetTop;
			left += currItem.offsetLeft;
			width = currItem.offsetWidth;
		}
		lastVisibleMenu.style.visibility = "visible";
		lastVisibleMenu.style.top = top - 5 + "px";
		lastVisibleMenu.style.left = left + item.offsetWidth - 15 + "px";
		lastVisibleMenu.style.width = item.offsetWidth + "px";
	}
}
function menuHide()
{
	if (lastVisibleMenu != null)
	{
		lastVisibleMenu.style.visibility = "hidden";
	}
	window.clearTimeout(menuChecker)
	lastVisibleMenu = null;
}
function menuOut(item)
{
	item.className = classItem;
	var sub_menu = document.getElementById(item.getAttribute("menu_id"));
	if (typeof(sub_menu) == "object" && sub_menu != null)
	{
		lastVisibleMenu = sub_menu;
		menuChecker = window.setTimeout("menuHide()", 2000);
	}
}
function submenuIn()
{
	window.clearTimeout(menuChecker)
}
function submenuOut()
{
	window.clearTimeout(menuChecker)
	menuChecker = window.setTimeout("menuHide()", 2000);
}