var topmenu_items = null;
var topmenu_submenus = null;
var topmenu_timerID = null;


jQuery(document).ready(topmenu_init);

function topmenu_init()
{
    topmenu_items = jQuery("#topmenu div.topmenu_content ul li a div");
    topmenu_submenus = jQuery("#topmenu div.submenus ul");

    for (var i=0;i<topmenu_items.length;i++)
    {
    	var item = topmenu_items[i];
        item.onmouseover = topmenu_mouseOver;
        item.onmouseout = topmenu_mouseOut;
		item.onmousedown = topmenu_mouseDown;
		item.onmouseup = topmenu_mouseUp;
    }

    for (var i=0;i<topmenu_submenus.length;i++)
    {
        var submenu = topmenu_submenus[i];
        submenu.onmouseover = topmenu_mouseOver;
        submenu.onmouseout = topmenu_mouseOut;
    }
}

function topmenu_showMenu(selectedItem)
{
	if (selectedItem!=null) findermenu_showMenu(null);

	var ie = navigator.userAgent.toLowerCase().indexOf("msie")!= -1;

    if (topmenu_timerID!=null) { clearTimeout(topmenu_timerID); topmenu_timerID = null; }

	if (selectedItem!=null)
	{
		var isExist = false;
		for (var i=0;i<topmenu_items.length;i++)
	    {
			if (topmenu_items[i]==selectedItem) { isExist = true; break; }
		}
		if (!isExist) return;
	}
	else
	{
		for (var i=0;i<topmenu_items.length;i++)
		{
			topmenu_items[i].parentNode.parentNode.className = topmenu_items[i].parentNode.parentNode.className.replace("noseparator","");
			topmenu_items[i].parentNode.style.backgroundImage = "";
			topmenu_items[i].style.color = "";
		}
	}
	
	for (var i=0;i<topmenu_items.length;i++)
    {
		if (topmenu_items[i]==selectedItem)
		{
			if (i<topmenu_submenus.length)
			{
				var submenu = topmenu_submenus[i];
				if (ie) submenu.style.marginLeft = topmenu_items[i].parentNode.parentNode.offsetLeft + "px";
				else	submenu.style.left = topmenu_items[i].parentNode.parentNode.offsetLeft + "px";
				submenu.style.display = "block";
			}
			topmenu_items[i].parentNode.className = "hover";
			if (i>0) topmenu_items[i-1].parentNode.parentNode.className += " noseparator";
		}
		else
		{
			if (i<topmenu_submenus.length) topmenu_submenus[i].style.display = "none";
			topmenu_items[i].parentNode.className = "";
			if (i>0) topmenu_items[i-1].parentNode.parentNode.className = topmenu_items[i-1].parentNode.parentNode.className.replace("noseparator","");
		}
    }
}

function topmenu_down(selectedItem)
{
	if (selectedItem!=null)
	{
		var isExist = false;
		for (var i=0;i<topmenu_items.length;i++)
	    {
			if (topmenu_items[i]==selectedItem) { isExist = true; break; }
		}
		if (!isExist) return;
	}
	else
	{
		for (var i=0;i<topmenu_items.length;i++)
		{
			topmenu_items[i].parentNode.parentNode.className = topmenu_items[i].parentNode.parentNode.className.replace("noseparator","");
		}
	}
	
	for (var i=0;i<topmenu_items.length;i++)
    {
		if (topmenu_items[i]==selectedItem)
		{ var	x = topmenu_items.length-1;
			topmenu_items[i].parentNode.className = "";
			topmenu_items[i].style.color = "#FFFFFF";
			if (i == 0)
			{
				
				topmenu_items[i].parentNode.style.backgroundImage = "url(/images/suzuki2008/top_menu/menu_mousedown_left_first.gif)";				
				
				
			} else if (i == x)
			{
				topmenu_items[i].parentNode.style.backgroundImage = "url(/images/suzuki2008/top_menu/menu_mousedown_right_last.gif)";
				topmenu_items[i].parentNode.style.backgroundPosition="right center";			
			} else 
			{
				topmenu_items[i].parentNode.style.backgroundImage = "url(/images/suzuki2008/top_menu/menu_mousedown_left.gif)";
			}
		}
		else
		{
			topmenu_items[i].parentNode.style.ClassName="";	
		}
    }
}
function topmenu_up(selectedItem)
{
	if (selectedItem!=null)
	{
		var isExist = false;
		for (var i=0;i<topmenu_items.length;i++)
	    {
			if (topmenu_items[i]==selectedItem) { isExist = true; break; }
		}
		if (!isExist) return;
	}
	else
	{
		for (var i=0;i<topmenu_items.length;i++)
		{
			topmenu_items[i].parentNode.parentNode.className = topmenu_items[i].parentNode.parentNode.className.replace("noseparator","");
		}
	}
	
	for (var i=0;i<topmenu_items.length;i++)
    {
		if (topmenu_items[i]==selectedItem)
		{
			topmenu_items[i].parentNode.style.backgroundImage = "";
			topmenu_items[i].style.color = "";
			topmenu_items[i].parentNode.className ="hover";			
		}
		else
		{
			topmenu_items[i].parentNode.style.ClassName="";	
		}
    }
}
function topmenu_hideAll()    { topmenu_showMenu(null); }
function topmenu_mouseOver(e) { var elem = e!=null ? e.target : event.srcElement; topmenu_showMenu(elem); }
function topmenu_mouseOut(e)  { if (topmenu_timerID!=null) clearTimeout(topmenu_timerID); topmenu_timerID = setTimeout(topmenu_hideAll, 1000); }
function topmenu_mouseDown(e) { var elem = e!=null ? e.target : event.srcElement; topmenu_down(elem); }
function topmenu_mouseUp(e) { var elem = e!=null ? e.target : event.srcElement; topmenu_up(elem); }
