// JavaScript Document
var posX, posY;

function initmenuposition(){
	posX = 80;
	posY = 290;	
}

function showPopupMenu(popupId, i) {
	var dvTopY, dvBottomY;
	
	var popupMenu = GetObject("dv" +popupId);
	var spanGenre = GetObject1("spn" +popupId);
	spanGenre.style.color = '#DD0F1B';
	
	//while ( isNaN(dvTopY) ) {
		dvTopY = parseInt(posY + (i+1)*20);
	//}
	
	dvBottomY = parseInt(popupMenu.style.height) + dvTopY;
	if ( dvBottomY >= maxWindowHeight ) {
		//dvTopY = maxWindowHeight - parseInt(popupMenu.style.height) - 10;
		popupMenu.style.top = (dvTopY -parseInt(popupMenu.style.height) - 10) + "px";
	}
	else {
		popupMenu.style.top = dvTopY + "px";
	}
	popupMenu.style.left =  posX + "px";
	popupMenu.style.display = 'block';
}

function unshowPopupMenu(popupId) {
	var popupMenu = GetObject1("dv" +popupId);
	var spanGenre = GetObject1("spn" +popupId);
	popupMenu.style.display = 'none';
	spanGenre.style.color = '#0931A7';
}

function showSubPopupMenu(popupId, i, subpopupId, subi) {
	var dvTopY, dvBottomY;
	
	var spanGenre = GetObject1("spn" + subpopupId);
	var popupMenu = GetObject1("dv" + popupId);
	var subpopupMenu = GetObject("dv" + subpopupId);
	
	spanGenre.style.color = '#DD0F1B';
	dvTopY = parseInt(popupMenu.style.top) + subi*20 + 15;
	dvBottomY = parseInt(subpopupMenu.style.height) + dvTopY;
	if ( dvBottomY >= maxWindowHeight ) {
		subpopupMenu.style.top = (dvTopY - parseInt(subpopupMenu.style.height) - 15) + "px";
	}
	else {
		subpopupMenu.style.top = dvTopY + "px";
	}
	
	subpopupMenu.style.left = (posX + 80) + "px";
	subpopupMenu.style.display = 'block';
	showPopupMenu(popupId, i);
}

function unshowSubPopupMenu(popupId, subpopupId) {	
	var popupMenu = GetObject1("dv" +subpopupId);
	var spanGenre = GetObject1("spn" +subpopupId);
	spanGenre.style.color = '#0931A7';
	popupMenu.style.display = "none";		
	unshowPopupMenu(popupId);				
}