// JavaScript Document
//make an array of image names, then use these in the names of the gifs (eg. nav_name.gif, nav_name_over.gif etc.) AND as the names of the images themselves. Make sure that navImgOn[nam].src and navImgOff[nam].src match the image names.

isNS4 = (document.layers)? true:false;
isIE4 = (document.all)? true:false;
isW3C = document.getElementById ? 1 : 0;

var timerID;
var currMenu = "about"; //MUST have something here or hideAllNow() will crash all the scripts. Need to have empty, relative DIV named "dummy" on main page.

var imgID = new Array('index','contact','sitemap','about','services','pipeline','careers','news');
var navImgOn = new Array();
var navImgOff = new Array();

function cacheImages(){
	for(i=0;i<imgID.length;i++){
		var nam = imgID[i];
		navImgOn[nam] = new Image;
		navImgOn[nam].src = "images/nav/nav_"+nam+"_over.gif";
		navImgOff[nam] = new Image;
		navImgOff[nam].src = "images/nav/nav_"+nam+".gif";
	}
}

function cacheClip(){
	
}

function rollOn(nam){
	document.images[nam].src=navImgOn[nam].src;
	return true;
}

function rollOff(nam){
	document.images[nam].src=navImgOff[nam].src;
	return true;
}

function makeTopMenu(thispage) {

	function makeButton(thelink,width,height) {
		if (thispage==thelink) {
			document.write ('<img name="'+thelink+'" src="images/nav/nav_'+thelink+'_over.gif" width="'+width+'" height="'+height+'" border="0" alt="'+thelink+'">');
		} else {
			document.write ('<a href="'+thelink+'.html" onmouseover="rollOn(\''+thelink+'\'); return true;" onmouseout="rollOff(\''+thelink+'\'); return true;"><img name="'+thelink+'" src="images/nav/nav_'+thelink+'.gif" width="'+width+'" height="'+height+'" border="0" alt="'+thelink+'"></a>');
		}
	}
	makeButton('index','77','30');
	makeButton('contact','101','30');
	makeButton('sitemap','88','30');
}

function makeMenu(thispage) {

	function makeButton(thelink,width,height) {
		if (thissection==thelink) {
			document.write ('<a href="'+thelink+'.html" onmouseover="hideAllNow(); showMenu(\''+thelink+'\'); return true;" onmouseout="hideMenu(); return true;"><img name="'+thelink+'" src="images/nav/nav_'+thelink+'_over.gif" width="'+width+'" height="'+height+'" border="0" alt="'+thelink+'"></a>');
		} else {
			document.write ('<a href="'+thelink+'.html" onmouseover="hideAllNow(); rollOn(\''+thelink+'\'); showMenu(\''+thelink+'\'); return true;" onmouseout="rollOff(\''+thelink+'\'); hideMenu(); return true;"><img name="'+thelink+'" src="images/nav/nav_'+thelink+'.gif" width="'+width+'" height="'+height+'" border="0" alt="'+thelink+'"></a>');
		}
	}
	makeButton('about','136','26');
	makeButton('services','117','26');
	makeButton('pipeline','109','26');
	makeButton('careers','114','26');
	makeButton('news','165','26');
}

function showMenu(menuid){
	clearTimeout(timerID);
	//NOTE: MUST put W3C FIRST, otherwise IE5 will stumble over IE4 Code.
	if (isW3C) {
		eval("document.getElementById('"+menuid+"_menu').style.visibility = 'visible'");
			
	} else {
		eval("document.all."+menuid+"_menu.style.visibility = 'visible'");
			
	}
	currMenu = menuid;
	document.images[menuid].src=navImgOn[menuid].src;
	//alert("currmenu is: " + currMenu);
	return true;
}

function hideMenu(){
	timerID = setTimeout('hideMenu2()',500)
}
	
function hideMenu2(){
	clearTimeout(timerID);
	if (isW3C) {
		eval("document.getElementById('"+currMenu+"_menu').style.visibility = 'hidden'");
		//eval("document.getElementById('"+currSection+"Callout').style.visibility = 'hidden'");
	} else {
		eval("document.all."+currMenu+"_menu.style.visibility = 'hidden'");
		//eval("document.all."+currSection+"Callout.style.visibility = 'hidden'");
	}
	if (currMenu!=thissection){
		document.images[currMenu].src=navImgOff[currMenu].src;
		return true;
	}
}

function hideAllNow(){
	clearTimeout(timerID);
	if (isW3C) {
		eval("document.getElementById('"+currMenu+"_menu').style.visibility = 'hidden'");
			
	} else {
		eval("document.all."+currMenu+"_menu.style.visibility = 'hidden'");
			
	}
	if (currMenu!=thissection){
		document.images[currMenu].src=navImgOff[currMenu].src;
		return true;
	}
}

function hideSomeNow(current){
	clearTimeout(timerID);
	if (currMenu != current) {
		if (isW3C) {
			eval("document.getElementById('"+currMenu+"_menu').style.visibility = 'hidden'");
				
		} else {
			eval("document.all."+currMenu+"_menu.style.visibility = 'hidden'");
				
		}
		//if (currSection != thisSection){
			document.images[currMenu].src=navImgOff[currMenu].src;
			return true;
		//}
	}
}

function showClip(menuid){
	//NOTE: MUST put W3C FIRST, otherwise IE5 will stumble over IE4 Code.
	if (isW3C) {
		eval("document.getElementById('"+menuid+"_menu').style.visibility = 'visible'");
			
	} else {
		eval("document.all."+menuid+"_menu.style.visibility = 'visible'");
			
	}
	return true;
}

function hideClip(menuid){
	if (isW3C) {
		eval("document.getElementById('"+menuid+"_menu').style.visibility = 'hidden'");
		//eval("document.getElementById('"+currSection+"Callout').style.visibility = 'hidden'");
	} else {
		eval("document.all."+menuid+"_menu.style.visibility = 'hidden'");
		//eval("document.all."+currSection+"Callout.style.visibility = 'hidden'");
	}
	return true;
}

function dropRoll(cell){
	if (isW3C) {
		eval("document.getElementById('"+cell+"cell').style.bgcolor = '#c6d1dd'");
				
	} else {
		eval("document.all."+cell+"cell.style.bgcolor = '#c6d1dd''");
	}
	return true;
}

function makeDropDown(menu){
	//var programsArray = new Array('Clinical Ligand Innovation Program (CLIP)','Early Phase Human Drug Trials','Phase IIb/III/IV Muli-Center Trials','Clinical Imaging Site Coordination and Management (CLIC)','Biomarker Development');
	//var programsLinks = new Array('clip','earlyphase','phaseII','clic','biomarker');
	document.write ('<table cellpadding="0" cellspacing="0" border="0" width="220" bgcolor="#ffffff" >');
	menuArray = eval(menu + "Array");
	linksArray = eval(menu + "Links");
	for (var i=0; i< menuArray.length; i++){
		document.write ('<tr><td>');
		document.write ('<table cellspacing="0" cellpadding="6" border="0" width="220" bgcolor="#768ca2">');
		document.write ('<tr>');
		if (thispage == linksArray[i]){
			document.write ('<td bgcolor="#c6d1dd" href="" onMouseOver="hideAllNow(); showMenu(\''+menu+'\');" onMouseOut="hideMenu();"><a class="dropdown" href="">'+menuArray[i]+'</a></td>');
		}else{
			document.write ('<td href="'+linksArray[i]+'.html" onMouseOver="hideAllNow(); this.style.backgroundColor=\'#c6d1dd\'; showMenu(\''+menu+'\');" onMouseOut="this.style.backgroundColor=\'#768ca2\'; hideMenu();"><a class="dropdown" href="'+linksArray[i]+'.html">'+menuArray[i]+'</a></td>');
		}
		document.write ('</tr>');
		document.write ('</table>');
		document.write ('</td></tr>');
		document.write ('<tr><td><img src="images/global/spacer.gif" height="1" width="220" border="0" /></td></tr>');	
	}
	document.write ('</table>');
}

function makePopup(theimage){
	var theParams = "width=550,height=450,"
	theParams += "toolbar=no,scrollbars=yes,status=yes,location=no,resizable=yes,menubar=yes"
	var windowName = "Popup"
	var theLocation = "clipimage.html?theimage=" + theimage;
	newWindow = window.open("",windowName,theParams);
	if (newWindow != null) {
		newWindow.location = theLocation;
	}
}