var firstLoad=false;
//var pathPrefix = "http://" + document.location.host + "/web_am/"
var pathPrefix = "http://" + document.location.host + "/"
var imgPathPrefix = pathPrefix + "images/";
var medicalImgPath = imgPathPrefix + "professionals/";
var medicalLinkPath = pathPrefix + "professionals/procedure_group.aspx";
var menuItemBgImg = imgPathPrefix + "trans.gif";
var menuItemCss = 'textmenubrowse';
var verSpace = 2;
var menuItems, overMedicalImg
var rnd = Math.random();

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

/*ARRAY FOR ITEMS IN THE MENU */
menuItems=new Array();
menuItems[menuItems.length]=new menuItem('cardiac','Cardiac', 136, 14, 0, 'textmenubrowse','#ffffff','0066ff', '0066ff','#ffffff', medicalLinkPath + '?proceGroupID=1&Name=Cardiac&rnd=' + rnd, medicalImgPath + 'arrow1.gif', 14 , 14, medicalImgPath + 'cardiac_banner.jpg', 740, 113);

menuItems[menuItems.length]=new menuItem('vascular','Vascular', 136, 14, 0, 'textmenubrowse','#ffffff','6699ff', '6699ff','#ffffff', medicalLinkPath + '?proceGroupID=2&Name=Vascular&rnd=' + rnd,  medicalImgPath + 'arrow2.gif', 14 , 14, medicalImgPath + 'vascular_banner.jpg', 740, 113);

menuItems[menuItems.length]=new menuItem('surgery','General Surgery', 136, 14, 0, 'textmenubrowse','#ffffff','000066', '000066','#ffffff', medicalLinkPath + '?proceGroupID=3&Name=General+Surgery&rnd=' + rnd,  medicalImgPath + 'arrow3.gif', 14 , 14, medicalImgPath + 'general-surgery_banner.jpg', 740, 114);

menuItems[menuItems.length]=new menuItem('urology','Urology', 136, 14, 0, 'textmenubrowse','#ffffff','660066', '660066','#ffffff', medicalLinkPath + '?proceGroupID=4&Name=Urology&rnd=' + rnd, medicalImgPath + 'arrow4.gif', 14 , 14, medicalImgPath + 'urology_banner.jpg', 740, 114);

menuItems[menuItems.length]=new menuItem('colorectal','Colorectal', 136, 14, 0, 'textmenubrowse','#ffffff','333399', '333399','#ffffff', medicalLinkPath + '?proceGroupID=5&Name=Colorectal&rnd=' + rnd,  medicalImgPath + 'arrow5.gif', 14 , 14, medicalImgPath + 'colorectal_banner.jpg', 740, 114);

menuItems[menuItems.length]=new menuItem('obgyn','OBGYN', 136, 14, 0, 'textmenubrowse','#ffffff','666699', '666699','#ffffff', medicalLinkPath + '?proceGroupID=6&Name=OBGYN&rnd=' + rnd, medicalImgPath + 'arrow6.gif', 14 , 14, medicalImgPath + 'obgyn_banner.jpg', 740, 114);

menuItems[menuItems.length]=new menuItem('','', 136, 14, 0, 'textmenubrowse','#ffffff','ffffff', 'ffffff','#ffffff', '#', imgPathPrefix + 'trans.gif', 14 , 14, 'trans.gif', 740, 114);


/*ARRAY FOR OVER IMG ITEMS FOR MEDICAL PROFESSIONALS SECTION*/
overMedicalImg = new Array();
overMedicalImg[0] = new imageItem('0','cardiac_img.jpg','cardiac_over_img.jpg');
overMedicalImg[1] = new imageItem('1','vascular_img.jpg','vascular_over_img.jpg');
overMedicalImg[2] = new imageItem('2','general-surgery_img.jpg','general-surgery_over_img.jpg');
overMedicalImg[3] = new imageItem('3','urology_img.jpg','urology_over_img.jpg');
overMedicalImg[4] = new imageItem('4','colorectal_img.jpg','colorectal_over_img.jpg');
overMedicalImg[5] = new imageItem('5','obgyn_img.jpg','obgyn_over_img.jpg');

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 imageItem(id, src, src_over){
	this.id=id;
	this.src=src;
	this.src_over=src_over;
}

function initMenu(isMedical, groupIndex){
	if(!firstLoad){
		if(document.layers){
			buildNS4Menu(document.browseMenu, menuItems, isMedical);
		}
		else{
			buildIEMenu(document.getElementById('targetLoc'), menuItems, isMedical);
		}
	}	
	
	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 buildNS4Menu(container, menuItems, isMedical){
	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 +");";
		if (isMedical)
			menuStr += "overMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\" onmouseout=\"highlightNS4(" + index + ");";
		if (isMedical)
			menuStr += "outMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\" 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 +");";
		if (isMedical)
			menuStr += "overMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\" onmouseout=\"highlightNS4(" + index + ");";
		if (isMedical)
			menuStr += "outMedical('" + menuItem.id + "'," + index + ");";
		menuStr+="\"><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){
	if (menuIndex < 6){
		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){
	if (menuIndex < 6){
		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 overMedical(imgName, imgIndex){
	if (imgIndex < 6) {
		document.images[imgName].src = medicalImgPath + overMedicalImg[imgIndex].src_over;
	}
}

function outMedical(imgName, imgIndex){
	if (imgIndex < 6) {
		document.images[imgName].src = medicalImgPath + overMedicalImg[imgIndex].src;
	}	
}

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

function setIEFocus(groupIndex){
	var itemID
	var menuItem=menuItems[groupIndex];
	
	switch (groupIndex){
		case 1 : 
			itemID = 'cardiac';
			break;
		case 2 : 
			itemID = 'vascular';
			break;	
		case 3 : 
			itemID = 'surgery';
			break;	
		case 4 : 
			itemID = 'urology';
			break;	
		case 5 : 
			itemID = 'colorectal';
			break;	
		case 6 : 
			itemID = 'obgyn';
			break;	
	}
	
	var xDiv=document.getElementById(itemID);
	
	xDiv.style.backgroundColor="#CCCCCC";
}