/////////////////////////////////////////////////////////////////////////////
// Use with Internet Explorer.
// Script for Menu examples (DEPI HAJQ) to be used by another scripts.
// Copyright (c) 2004 Arlex Ltd.
// Author David Davtyan
//////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////
var g_Menu=new Array();
var g_In = false;
var g_Expanding;
var g_GenerationStep = 0;

function InitMenu()
{	
	g_Menu['music']=new Array("Music1", "Music2", "Music3", "Music4", "Music5",  "Music6");
	g_Menu['commentary']=new Array("Commentary1", "commentary2");
	
}

function ShowPopup(Menu)
{
	g_In = true;
	if(g_Expanding == Menu)
		return;

	g_Expanding = Menu;
	ExpandPopup();
}

function ExpandPopup()
{
	Menu = g_Expanding;
	if(Menu==null || g_Menu[Menu.id]==null)
		return;
	
	var divPopup = document.getElementById('popup');
	if(!divPopup)
		return;
	
	divPopup.innerHTML = GeneratePopup(g_Menu[Menu.id], /*g_Menu[Menu.id].length*/g_GenerationStep);
	divPopup.style.pixelLeft = Menu.style.pixelLeft;
	divPopup.style.pixelTop = Menu.style.pixelTop + Menu.style.pixelHeight;
	
	g_In = true;
	
	if(g_GenerationStep < g_Menu[Menu.id].length)
	{
		++g_GenerationStep;
		window.setTimeout(ExpandPopup, 70);
	}
	else
	{
		window.setTimeout(HidePopup, 300);
		g_GenerationStep = 0;
	}
}

function InOut(bVal)
{
	g_In = bVal;
}

function HidePopup(Menu)
{
	if(g_In)
	{
		window.setTimeout(HidePopup, 400);
		return;
	}
	
	var divPopup = document.getElementById('popup');
	if(!divPopup)
		return;
	
	g_Expanding = null;
	divPopup.innerHTML="";
}

function GeneratePopup(arMenu, count)
{
	var sTable="<table class='menu' onmouseover='InOut(true)' onmouseout='InOut(false)'>";
	for(i=0; i<count; i++)
	{
		sTable += "<tr><td class='menu' onmousedown='MenuClicked(this)' style='BACKGROUND-COLOR: #FFFDD4'>" + arMenu[i] + "</td></tr>";
	}
	sTable += "</table>";
	return sTable;
}

function MenuClicked(obj)
{
	alert(obj.innerText);
}

/////////////////////////////////////
// interchanging menu example
function Activate(Obj)
{
	Obj.src="images/stmap_back1.JPG";
}
function DeActivate(Obj)
{
	Obj.src="images/stmap_back.JPG";
}