var height = 40.5; // height of the menu headers
var iheight = 20; // height of the menu_items

var bgc = "" // background color of the item
var tc = "" // text color of the item

var over_bgc = "";
var over_tc = "";

var speed = 0;
var speedWas=3;
var timerID = "";
var N = (document.all) ? 0 : 1;
var width = 176
var self_menu = new Array();

var mynr
var myc


function write_menu() {
	
  smc = 0; // count the position of the self_menu
  document.write("<div style='position:relative;'>");
  mn = 0;
  mni = 1;
  start = -1;

  for(i=0;i<Link.length;i++) {
   la = Link[i].split("|");
   if (la[0] == "0") {
    if(start == 0) {
      document.write("</div>");
	  
      h =  csmc * iheight;
      tmn = mn; //-h	  
		if (smc ==1) h = h + 12;
		if (smc ==3) h = h + 42;
		

      self_menu[smc] = new Array(tmn,h,0,-2);
      smc++;
      mn--;
     }
     csmc = 0;
    document.write("<div align='right' class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='closeOpen("+smc+","+mni+")'>"+ la[1] + "</div>");
    self_menu[smc] = new Array(mn,height,0,mni);
    smc++;
    mni++;
    mn+=height;
    start = 1;
   } else {
    if(start == 1) {
      if(N)mn+=2;
       document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
       start = 0;
	   }

    document.write("<a href='"+la[2]+"'");
		 
    if (la[3] != "") document.write(" target='" + la[3] + "' ");
		
	    document.write("><div class='item' id='d"+i+"' style='height:"+iheight);		
		iheight = 14;	

    if (N) document.write(";width:177");
    document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>"+ la[1] + "</div></a>");
    csmc++;
   }
  }
  if (start == 0) {
     document.write("</div>");
     h =  csmc * iheight;	 
     tmn = mn + 5; //-h
     self_menu[smc] = new Array(tmn,h,0);
     name = "down" + (self_menu.length-1);
     obj = document.getElementById(name);

obj.style.borderBottomColor = "darkblue";
     obj.style.borderBottomWidth = 1;
     obj.style.borderBottomStyle = "solid";
   }
  document.write("</div>");
}

function color(obj) {
 document.getElementById(obj).style.backgroundColor = over_bgc;
 document.getElementById(obj).style.color = over_tc
}

function uncolor(obj) {
 document.getElementById(obj).style.backgroundColor = bgc;
 document.getElementById(obj).style.color = tc
}

function closeOpen(cnr,cc){
	if(mynr==undefined){
		pull_down(cnr,cc)
	}else{
		if (mynr==cnr){
				pull_down(cnr,cc)
				cnr=null;
				cc=null;
		}else{
		pull_down(mynr,myc)
		switch(mynr){
		case 0:
			setTimeout("pull_down("+cnr+","+cc+")",1000);
			break;
		case 2:
			setTimeout("pull_down("+cnr+","+cc+")",1300);
			break;
		}
		}
	}
	mynr=cnr;
	myc=cc;

}
function pull_down(nr,c) {	
//alert(nr)

switch(c)
{
	case 3: case 4: case 5:
	return;
}

if (timerID == "") {
 to = self_menu[nr+1][1]
 begin = nr + 2;
 if (timerID != "") clearTimeout(timerID);
 if (self_menu[nr+1][2] == 0) {
  self_menu[nr+1][2] = 1;
  if(nr == self_menu.length-2) {to++;}
  epull_down(begin,to,0);
  
 } else {
  to = 0;
  self_menu[nr+1][2] = 0;
  name = "down"+(nr+2);
  open_item = 0;
  for(i=0;i<nr;i++) {
   if(self_menu[i][2] == 1)
    {open_item += self_menu[i][1];	
    }	
  }
  if (N == false) {open_item-= (c*1)};
  if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
  else  val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
  epull_up(begin,to,val);
  }
  }
}

function epull_down(nr,to,nowv) {
if (nr == 2)
	myto = to + 49;
else
	myto = to + 70;

 name = "down" + (nr-1);
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
 for (i=nr;i<self_menu.length;i++) {	 
  name = "down" + i;  
  obj = document.getElementById(name);
  obj.style.top = parseInt(obj.style.top)+speedWas;  
 }
 nowv=nowv+speedWas;
 
if(nowv < myto)
	
	timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
 	//alert(nowv);
else timerID = ""; 	

}

function epull_up(nr,to,nowv) {
	
 name = "down" + (nr-1);
 obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
 for (i=nr;i<self_menu.length;i++) {
  name = "down" + i;
  obj = document.getElementById(name);
  obj.style.top = parseInt(obj.style.top)-speedWas;
 }
nowv=nowv-speedWas;
 if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
 else timerID = "";
}

function startup(nr) {
 write_menu();
 if (nr != 0) {
 for(i=0;i<self_menu.length;i++)
 {
  if(self_menu[i][3] == nr) closeOpen(i,nr)
  i==self_menu.length;
 }
 }
}

function movepic(img_name,img_src) {
document[img_name].src=img_src;
}

function openVirtualPopup()
{
	window.open ('Virtual360.html', 'newwindow', 'height=320,width=500, titlebar=no,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no')
}

//here you place the ids of every element you want.
var ids=new Array('aboutus','ProdServ');

function switchid(id){	
	
	if (document.getElementById(id).style.display == 'block')
	{
		document.getElementById(id).style.display = 'none';
		document.getElementById('bubble').style.display = 'block';
		return;
	}
	

	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  document.getElementById('bubble').style.display = 'none';
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}