var firstLoad=false;
var imgPathPrefix="../images/";

var menuItemBgImg=imgPathPrefix + "trans.gif";
var menuItemCss='textmenubrowse';
var verSpace=2;
var menuItems;

/*----------------------USAGE----------------------------------------------------
menuItems=new menuItem(menuID, menuText, width, height, left, CSSclass, menuBackGroundColor, menuBackGroundHightlightColor, menuForeGroundColor, menuForeGroundHightlightColor, link, rightArrowImageSrc, rightArrowImageWidth, rightArrowImageHeight)

*/
menuItems=new Array();
menuItems[menuItems.length]=new menuItem('cardiac', 'Cardiac', 136, 14, 0, 'textmenubrowse', '#ffffff','0066ff', '0066ff','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=7&Name=Cardiac', imgPathPrefix + 'arrow1.gif', 14, 14);
menuItems[menuItems.length]=new menuItem('vascular','Vascular', 136, 14, 0, 'textmenubrowse','#ffffff','6699ff', '6699ff','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=8&Name=Vascular',  imgPathPrefix + 'arrow2.gif', 14 , 14);

menuItems[menuItems.length]=new menuItem('surgery','General Surgery', 136, 14, 0, 'textmenubrowse','#ffffff','000066', '000066','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=9&Name=General+Surgery',  imgPathPrefix + 'arrow3.gif', 14 , 14);

menuItems[menuItems.length]=new menuItem('urology','Urology', 136, 14, 0, 'textmenubrowse','#ffffff','660066', '660066','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=10&Name=Urology', imgPathPrefix + 'arrow4.gif', 14 , 14);

menuItems[menuItems.length]=new menuItem('colorectal','Colorectal', 136, 14, 0, 'textmenubrowse','#ffffff','333399', '333399','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=11&Name=Colorectal',  imgPathPrefix + 'arrow5.gif', 14 , 14);

menuItems[menuItems.length]=new menuItem('obgyn','OBGYN', 136, 14, 0, 'textmenubrowse','#ffffff','666699', '666699','#ffffff', '../patients/procedure_listing.aspx?proceGroupID=12&Name=OBGYN', imgPathPrefix + 'arrow6.gif', 14 , 14);

function initMenu(groupIndex){
	
	if(!firstLoad){
		if(document.layers){
			buildNS4Menu(document.browseMenu, menuItems);
		}
		else{
			buildIEMenu(document.getElementById('targetLoc'), menuItems);
		}
	}	
	
	if (groupIndex != -1){
		if(document.layers){
			setNS4Focus(groupIndex);
		}
		else{
			setIEFocus(groupIndex);
		}
	}
	
	positionMenu();
	window.onResize=positionMenu;

	
	
}


function positionMenu(){

	
	if(document.layers){
		document.browseMenu.top=document.targetLoc.pageY;
		document.browseMenu.left=document.targetLoc.pageX;

	}
}

function menuItem(id, text, w, h, l, css, bgColor, hlColor, fColor, fHColor, link, arrowImg, arrowImgW, arrowImgH, bannerImg, widthImg, heightImg){
	this.id=id;
	this.text=text;
	this.w=w;
	this.h=h;
	this.left=l;
	this.css=css;
	this.bgColor=bgColor;
	this.hlColor=hlColor;
	this.fColor=fColor;
	this.fHColor=fHColor;
	this.link=link;
	this.arrowImg=arrowImg;
	this.arrowImgW=arrowImgW;
	this.arrowImgH=arrowImgH;
	this.bannerImg=bannerImg;
	this.widthImg=widthImg;
	this.heightImg=heightImg;
	this.isHighlight=0;
}

function buildNS4Menu(container, menuItems){

	var menuStr='';
	var index;
	var nextTop=0;
	
	for(index=0; index<menuItems.length; index++){
		menuItem=menuItems[index];
		menuStr+="<layer class=" + menuItem.css + " id=" + menuItem.id + " width=" + menuItem.w + " height=" + menuItem.h + " left=" + menuItem.left + " top=" + nextTop + ">\n";
		menuStr+="<b><font color=" + menuItem.fHColor + ">" + menuItem.text + "</font></b></layer>\n";
		menuStr+="<layer class=" + menuItem.css + " id=" + menuItem.id + "2 width=" + menuItem.w + " height=" + menuItem.h + " left=" + menuItem.left + " top=" + nextTop + ">\n";
		menuStr+="<b><font color=" + menuItem.fColor + ">" + menuItem.text + "</b></layer>\n";		
		menuStr+="<layer onmouseover=\"highlightNS4(" + index +");\" onmouseout=\"highlightNS4(" + index + ");\" id=" + menuItem.id + "link width=" + menuItem.w + " height=" + menuItem.h + " left=" + menuItem.left + " top=" + nextTop + ">\n";
		menuStr+="<a href=" + menuItem.link + "><img src=" + menuItemBgImg + " width=" + menuItem.w + " height=" + menuItem.h + " border=0></a></layer>\n";
		menuStr+="<layer id=" + menuItem.id + "button width=" + menuItem.arrowImgW + " height=" + menuItem.arrowImgH + " left=" + menuItem.w + " top=" + nextTop + ">\n";
		menuStr+="<a href=" + menuItem.link + " onmouseover=\"highlightNS4(" + index +");\" onmouseout=\"highlightNS4(" + index + ");\"><img src=" + menuItem.arrowImg + " width=" + menuItem.arrowImgW + " height=" + menuItem.arrowImgH + " border=0></a></layer>\n";
		nextTop+=menuItem.h + verSpace;
	}
	

	with(container.document){
		open();
		write(menuStr);
		close();
		
	
		
	
	}

	firstLoad=1;
}


function buildIEMenu(container, menuItems, isMedical){
	var menuStr='';
	var index;
	var nextTop=0;
	for(index=0; index<menuItems.length; index++){
		menuItem=menuItems[index];
		menuStr+="<div style=\"position:relative; left:" + menuItem.left + "px; top:" + nextTop + "px\">";
		menuStr+="<table width=100% cellpadding=0 cellspacing=0 border=0><tr>"; 
		menuStr+="<td onclick=\"document.location.href='" + menuItem.link + "'\" id=" + menuItem.id + " class=" + menuItem.css + " width=" + menuItem.w + " style=\"cursor:hand;color:" + menuItem.fColor + "\" onMouseOver=\"highlightIE('" + menuItem.id + "'," + index + ");";
		if (isMedical)
			menuStr += "overMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\" onMouseOut=\"highlightIE('" + menuItem.id + "'," + index + ");"
		if (isMedical)
			menuStr += "outMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\">" + menuItem.text + "</td>";
		menuStr+="<td width=14 heigth=14><a href=" + menuItem.link + " onMouseOver=\"highlightIE('" + menuItem.id + "'," + index + ");";
		
		
		if (isMedical)
			menuStr += "overMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\" onMouseOut=\"highlightIE('" + menuItem.id + "'," + index + ");";
		if (isMedical)
			menuStr += "outMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\"><img src=" + menuItem.arrowImg + " width=" + menuItem.arrowImgW + " height=" + menuItem.arrowImgH + " border=0></a></td></tr></table></div>";
		nextTop+=verSpace;
	}
	
	container.innerHTML=menuStr;
	firstLoad=1;
}

function highlightNS4(menuIndex){
	var menuItem=menuItems[menuIndex];
	var xLayer=document.browseMenu.layers[menuItem.id];
	var yLayer=document.browseMenu.layers[menuItem.id + 2];
	
	
	if(!menuItem.isHighlight){
		xLayer.bgColor=menuItem.hlColor;
		menuItem.isHighlight=1;
		yLayer.moveBelow(xLayer);
	}else{
		xLayer.bgColor=menuItem.bgColor;
		menuItem.isHighlight=0;
		yLayer.moveAbove(xLayer);
	}
}

function highlightIE(itemID, menuIndex){
	var menuItem=menuItems[menuIndex];
	var xDiv=document.getElementById(itemID);
	
	if(!menuItem.isHighlight){
		xDiv.style.backgroundColor=menuItem.hlColor;
		xDiv.style.color=menuItem.fHColor;
		menuItem.isHighlight=1;
	}
	else{
		xDiv.style.backgroundColor=menuItem.bgColor;
		xDiv.style.color=menuItem.fColor;
		menuItem.isHighlight=0;	
	}
}

function setNS4Focus(groupIndex){
	var menuItem=menuItems[groupIndex-7];
	var xLayer=document.browseMenu.layers[menuItem.id];
	var yLayer=document.browseMenu.layers[menuItem.id + 2];
	
	xLayer.bgColor="#CCCCCC";
	
}

function setIEFocus(groupIndex){
	var xDiv=document.getElementById(groupIndex);
	xDiv.style.backgroundColor="#CCCCCC";
}