﻿// JScript File

var menu1=new Array()
menu1[0]='<span id="m1" onclick="seltopic(9)" style="cursor:pointer" >&#183 Acute Myocardial Infarction (AMI)</span>'
menu1[1]='<span id="m2" onclick="seltopic(10)" style="cursor:pointer" >&#183 Arrhythmia</span>'
menu1[2]='<span id="m3" onclick="seltopic(11)" style="cursor:pointer" >&#183 Congestive Heart Failure (CHF)</span>'
//Need replace
menu1[3]='<span id="m4" onclick="seltopic(12)" style="cursor:pointer" >&#183 Ischemic Heart Disease (IHD)</span>'
menu1[4]='<span id="m5" onclick="seltopic(13)" style="cursor:pointer" >&#183 Stroke</span>'

//With
//menu1[3]='<span id="m4" onclick="seltopic(12)" style="cursor:pointer" >&#183 Hypertension</span>'
//menu1[4]='<span id="m5" onclick="seltopic(13)" style="cursor:pointer" >&#183 Ischemic Heart Disease (IHD)</span>'

var menu2=new Array()
//Need replace
//menu2[0]='<span id="m5" onclick="seltopic(14)" style="cursor:pointer" >&#183 Chronic Obstructive <br/> &nbsp; &nbsp; Pulmonary Disease <br/> &nbsp; &nbsp;(COPD)</span>'
menu2[0]='<span id="m6" onclick="seltopic(15)" style="cursor:pointer" >&#183 Chronic Obstructive <br/> &nbsp; &nbsp; Pulmonary Disease <br/> &nbsp; &nbsp;(COPD)</span>'
//With
//menu2[0]='<span id="m6" onclick="seltopic(15)" style="cursor:pointer" >&#183 Chronic Obstructive <br/> &nbsp; &nbsp; Pulmonary Disease <br/> &nbsp; &nbsp;(COPD)</span>'

var menu3=new Array()
//Need replace
//menu3[0]='<span id="m6" onclick="seltopic(13)" style="cursor:pointer" >&#183 Degenerative Joint Disease <br/> &nbsp; &nbsp;(Osteoarthritis)</span>'
menu3[0]='<span id="m7" onclick="seltopic(14)" style="cursor:pointer" >&#183 Degenerative Joint Disease <br/> &nbsp; &nbsp;(Osteoarthritis)</span>'
//With
//menu3[0]='<span id="m6" onclick="seltopic(14)" style="cursor:pointer" >&#183 Degenerative Joint Disease <br/> &nbsp; &nbsp;(Osteoarthritis)</span>'

var menu4=new Array()
menu4[0]='<span id="m7" onclick="seltopic(13)" style="cursor:pointer" >&#183 Depression</span>'


var menuwidth='165px' //default menu width
var menubgcolor='white'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

var imgnum
var imglayer=new Array()

/////No further editting needed
function reset_imgdiv()
{
  var topnum=11;//topnum=13;
 for( var i = 1; i < topnum+1; i++)
 {
  // if (i!=8 && i!=9)
   {
    // alert(i);
     var eaID="dv" + i; 
     document.getElementById( eaID ).style.border = "0px";
   }
 }

}

function hltopic()
{
  reset_imgdiv(); 
  var targetID=document.getElementById( "DdlTopic");
  var  index=targetID.selectedIndex;
  var divID;  
  //alert(index);
  if (index!=0)
  { 
//Need Replace  
//  if (index==10 || index==11 || index==12)
if (index==10 || index==11 || index==12|| index==13)
//With
//if (index==10 || index==11 || index==12 || index==13)
  {
    divID="dv9";
  }
//Need Replace  
//  else if (index>12)
 else if (index>13)
//With
//else if (index>13)  
  {
//Need Replace  
//divID="dv" + (index-3);
divID="dv" + (index-4);  

//With
// divID="dv" + (index-4);  
  }
  else
  {
  divID="dv" + index;
  }
  document.getElementById( divID ).style.border = "2px solid black";
  }
}



function seltopic_general( index)//icon -> topic
{
  reset_imgdiv(); 
  var targetID=document.getElementById( "DdlTopic");
  if (index>9)
  {
//Need Replace  
//targetID.selectedIndex = index+3;
  targetID.selectedIndex = index+4;
//With
//    targetID.selectedIndex = index+4;   
  } 
  else
  {
      targetID.selectedIndex = index;
  }
  targetID.onchange();   
  var divID="dv" + index;  
  document.getElementById( divID ).style.border = "2px solid black";
return;                        
}


function seltopic( index)//icon menu -> topic
{
  reset_imgdiv(); 
  var targetID=document.getElementById( "DdlTopic");
      targetID.selectedIndex = index;
  targetID.onchange();   
    if (index!=0)
  { 
//Need Replace  
//  if (index==10 || index==11 || index==12)
if (index==10 || index==11 || index==12||index==13)
//With
//if (index==10 || index==11 || index==12 || index==13)  
  {
    divID="dv9";
  }
//Need Replace  
//  else if (index>12)
else if (index>13)
//With
//else if (index>13)  
  {
//Need Replace  
// divID="dv" + (index-3);
divID="dv" + (index-4);
//With
// divID="dv" + (index-4);  
  }
  else
  {
  divID="dv" + index;
  }
  document.getElementById( divID ).style.border = "2px solid black";
  }
return;                        
}



var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
//document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth, leftmove, topmove){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
dropmenuobj.style.marginLeft=leftmove
if (topmove == undefined) {
dropmenuobj.style.marginTop='130px'
}
else {
dropmenuobj.style.marginTop=topmove
}

//dropmenuobj.style.marginleft="25px"


}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu



//function seltopic_general1( index)//icon -> topic
//{
//  reset_imgdiv1(); 
//  var targetID=document.getElementById( "DdlTopic");
//  var topicindex;
//  for (var i=0; i<imgnum; i++) 
//  {
//    if (imglayer[i]=="dv" + index)
//    {
//      topicindex=i;
//    }
//  }
//  targetID.selectedIndex = topicindex+1;
//  targetID.onchange();   
//  var divID="dv" + index;  
//  document.getElementById( divID ).style.border = "2px solid black";
//}

//function hltopic1()
//{ 
// reset_imgdiv1(); 
// var targetID=document.getElementById( "DdlTopic");
// var  index=targetID.selectedIndex;
// if (index !=0)
// {
// document.getElementById( imglayer[index-1] ).style.border = "2px solid black";
// }
//}

//function reset_imgdiv1()
//{
// for (var i=0; i<imgnum; i++) 
// {
//     document.getElementById( imglayer[i] ).style.border = "0px";
// }

//}

function get_imgstr()
{
  imgnum=0;
  var divs = document.getElementsByTagName("img"); 
  for (var i=0; i<divs.length; i++) 
   {   
      if (divs[i].id.indexOf("dv") == 0)
      { imglayer[imgnum]=divs[i].id
        imgnum++;
      }
   } 
}


