var toggle=0; // global variable used to keep section header graphic in onMouseover status while its submenu layer is being rolled over; 'toggle' is equivalent to the 'num' variable used in the Section Header rollover script and corresponds with the 'section' value passed to layerCreate 

// *******************************************
// Rollover Functions for Section Headers ONLY
// *******************************************
//
// graphics MUST follow naming convention of on1.gif, on2, off1, off2, etc
	function Preloadimgs(length, path, type) {
        for(var i = 1; i<=length; i++) {
                this[i]= new Image()
                this[i].src= path + i + type
        }
    return this
}
	// preloads Section Header rollover ON imgs
	//on=new Preloadimgs(6,'/patientfam/images/on','.gif')
	on=new Preloadimgs(7,'images/nav/on','.gif')
	// preloads Section Header rollover OFF/default imgs
	//off=new Preloadimgs(6,'/patientfam/images/off','.gif')
	off=new Preloadimgs(7,'images/nav/off','.gif')

	// rollover function called by onmouseOver of Section Header
	function rollOn(num){
		toggle=num;
		   	if(document.images)
	    	eval('document.images["off'+num+'"].src='+'off[num].src')
	//		eval('document.images["off'+num+'"].src='+'on[num].src') <-- old
			//document.images["off'+num+'"].src="on[num].src";
		   	}

        
	// rollover function called by onmouseOut of Section Header
	function rollOff(num){
		toggle=num;
	   	if (toggle!=subsect){
			 if(document.images){
    	 	//eval('document.images["off'+num+'"].src='+'on[num].src') <-- old
    	 	eval('document.images["off'+num+'"].src='+'on[num].src')
     		}
		}
	}

//Page Reload

function reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.pgW=innerWidth; document.pgH=innerHeight; onresize=reloadPage; }}
  else if (innerWidth!=document.pgW || innerHeight!=document.pgH) location.reload();
}
reloadPage(true);	 
 
// *************************************************
// Rollover Functions for Layer Drop-down Menus ONLY
// *************************************************
//
// swaps the LAST graphic to be onmouseOver-ed back to its onmouseOff status
function swapImgRestore() { //v3.0
  var i,x,a=document.sr;
  for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  }

function preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

function swapImage() { //v3.0
   var i,j=0,x,a=swapImage.arguments; document.sr=new Array; 
  for(i=0;i<(a.length-2);i+=3)
     if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 
}

function findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document); return x;
}

// ***************
// Layer Functions
// ***************
function showHideLayers() { //v2.0
  var i, visStr, args, theObj,lName,theObj2;

  args = showHideLayers.arguments;
 //alert("args is "+args.length);

// Original loop read:
//  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
//   visStr = args[i+2];
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr = args[i+3];
	//alert(visStr);	
	if (navigator.appName == 'Netscape' && document.layers != null) { // Net 4.x
    	theObj2 = eval(args[i]);
			if (visStr == 'show') {rollOn(toggle);}
		    if (visStr == 'hide') {rollOff(toggle);}
      theObj2.visibility = visStr;
	} 

	else if (document.all != null) { // IE 4.x+
      if (visStr == 'show') {
	  	visStr ='visible'; //convert vals
		rollOn(toggle);
		}
      if (visStr == 'hide'){
	  	visStr = 'hidden';
		rollOff(toggle);
		}
      theObj = eval(args[1]);  // previous code said theObj=eval(args[i+1]);
      if (theObj) theObj.style.zindex = 100;
      if (theObj) theObj.style.visibility = visStr;
    } 

	else if(document.getElementById){ // Net 6 and future DOM compliant friendly
	//else if ((parseInt(navigator.appVersion) >= 5 && navigator.appName == 'Netscape')){ // Net 6
			//theObj2 = eval(args[i+2]);
			if (visStr == 'show') {
				visStr='visible';
				//eval('document.images["off'+toggle+'"].src='+'on[toggle].src')
				//document.images['off'+toggle+''].src="off"+toggle+".gif";
				rollOn(toggle);
				}
		    if (visStr == 'hide') {
				//alert(visStr);
				visStr='hidden';
				rollOff(toggle);
				}	
	 theObj = eval(args[i+2]);  // previous code said theObj=eval(args[i+1]);
      if (theObj) theObj.style.zindex = 100;
      if (theObj) theObj.style.visibility = visStr;
	//theObj2.style.visibility = visStr;
	}
  
  } // end of for loop
} // end of function

function ieHider(){
 var argsn;
 argsn=ieHider.arguments;
 if (!eval(argsn[0]+".contains(argsn[1])"))       
 showHideLayers("document.layers[\'"+argsn[0]+"\']",argsn[0],"document.getElementById(\'"+argsn[0]+"\')",'hide');
 
 	//\"document.getElementById(\'"+args[0]+"\')\"
 }

function layerOnOff(){
var args,theObj;

 args=layerOnOff.arguments;
     if(parseInt(navigator.appVersion) > 3)
 {

 	if((parseInt(navigator.appVersion)>=5 && navigator.appName == "Netscape")) // Netscape 6
	 {
	 document.getElementById(args[0]).onmouseover = new Function("showHideLayers(\"document.layers[\'"+args[0]+"\']\",\"document.all[\'"+args[0]+"\']\",\"document.getElementById(\'"+args[0]+"\')\",\'show\')");
      document.getElementById(args[0]).onmouseout = new Function("showHideLayers(\"document.layers[\'"+args[0]+"\']\",\"document.all[\'"+args[0]+"\']\",\"document.getElementById(\'"+args[0]+"\')\",\'hide\')");
	 }
	 
	else if((parseInt(navigator.appVersion)<5 && navigator.appName == "Netscape")) // Netscape 4.x
     {
     document.layers[args[0]].onmouseover = new Function("showHideLayers(\"document.layers[\'"+args[0]+"\']\",\"document.all[\'"+args[0]+"\']\",\"document.getElementById(\'"+args[0]+"\')\",\'show\')");
      document.layers[args[0]].onmouseout = new Function("showHideLayers(\"document.layers[\'"+args[0]+"\']\",\"document.all[\'"+args[0]+"\']\",\"document.getElementById(\'"+args[0]+"\')\",\'hide\')");
     } else // Internet Explorer
    {
     theObj=eval("document.all[\'"+args[0]+"\']");     
     theObj.onmouseover = new Function("showHideLayers(\"document.layers[\'"+args[0]+"\']\",\"document.all[\'"+args[0]+"\']\",\"document.getElementById(\'"+args[0]+"\')\",\'show\')");
     theObj.onmouseout = new Function("ieHider(\"document.all[\'"+args[0]+"\']\",window.event.toElement)");
     //theObj.onmouseout = new Function("ieHider(\"document.all[\'"+args[0]+"\']\",window.event.toElement);swapImage('programming','','images/prog_off.gif',1)");
    }
}
}
	
var priceandpackage = new Array (new Array(),new Array(),new Array(),new Array(),new Array(),new Array());
priceandpackage [0][0]='Genie Junior&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [0][1]='gjunior.asp';
priceandpackage [1][0]='Genie Pro&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [1][1]='gpro.asp';
priceandpackage [2][0]='Super Genie&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [2][1]='gsuper.asp';
priceandpackage [3][0]='Comparison Chart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [3][1]='compare.asp';
priceandpackage [4][0]='Domain name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [4][1]='domainname.asp';
priceandpackage [5][0]='Promotion &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
priceandpackage [5][1]='promotion.asp';

var tempaltecategories = new Array (new Array(),new Array());
tempaltecategories [0][0]='Template Categories';
tempaltecategories [0][1]='categories.asp';
tempaltecategories [1][0]='Template Demo';
tempaltecategories [1][1]='demo.asp';

var member = new Array (new Array());
member [0][0]='Member';
member [0][1]='member.asp';
//reseller [1][0]='Affiliate';
//reseller [1][1]='affiliate.asp';

var promotion = new Array (new Array());
//promotion [0][0]='promotion&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
//promotion[0][1]='promotion.asp';

var askgenie= new Array (new Array(),new Array(),new Array());
//askgenie [0][0]='General&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
//askgenie [0][1]='ask.asp';
//askgenie [1][0]='Payment&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
//askgenie [1][1]='ask_payment.asp';
//askgenie [2][0]='Technical';
//askgenie [2][1]='ask_technical.asp';

var tips = new Array (new Array());
//tips [0][0] = "Tips"
//tips [0][1] = "tips.asp"

var order = new Array (new Array());
order [0][0] = "Terms & Conditions"
order [0][1] = "term.asp"

// Contact Us has no submenu

// Function layerCreate dynamically generates layer based on passed parameters
// Description of variables:
//		layid = name of layer and corresponds to array
//		section = Numeric var representing main navigation choice
//		ht = Height in pixels of layer for IE 
//		lt = Number of pixels from Left for positioning layer in IE
function layerCreate(layid,section,ht,lt){
var choice=0, linknames, options, d=document;
linknames=eval(layid);
options=linknames.length; // how many options appear in menu

//if (navigator.appName == 'Netscape') { // cannot use dynamic inline style defs in Netscape
if ((parseInt(navigator.appVersion) < 5 && navigator.appName == 'Netscape')){
	d.write('<div id="'+layid+'" class="menuchoice'+section+'">');} // uses style defs from top
else {d.write('<div id="'+layid+'" style="position:absolute; width:100px; height:'+ht+'px; z-index:10; left:'+lt+'px; top:152px; visibility: hidden">');} // generates style defs for layers in IE

//this writes a blank div if you're in the section
if (section==subsect){
eval('document.images["off'+subsect+'"].src='+'on[subsect].src')
d.write('<table width="148" border="0" cellspacing="0" cellpadding="0">');
d.write('<tr><td bgcolor="#ffffff" height="1"><img src="images/spacer.gif" height="1" width="1"></td></tr></table>'); 
d.close();
}

else{
// START NEW MENU
d.write('<table width="148" border="0" cellspacing="0" cellpadding="0">');
d.write('<tr><td colspan="3" bgcolor="#ffffff" height="1"><img src="images/spacer.gif" height="1" width="1"></td></tr>');//new
// START LOOP HERE
d.write('<tr><td rowspan="'+options*2+'" bgcolor="#BBDCFD" width="1"><img src="/images/spacer.gif" width="1" height="1" border="0"></td><td bgcolor="#BBDCFD"><img src="images/spacer.gif" width="146" height="1"></td><td rowspan="'+options*2+'" bgcolor="#FFFFFF" width=1><img src="images/spacer.gif" width="1" height="1" border="0"></td></tr>');
for(var i=0; i<options; i++){ // creates one table row per option, creates links, loops until done
	choice=(i+1);
	d.write('<tr><td class="cilayernav" onMouseOver="bgColor=\'#6699CC\'" onMouseOut="bgColor=\'#BBDCFD\'" bgcolor="#BBDCFD" onClick="gotoPage(\''+linknames[i][1]+'\')" height="20"><a href="'+linknames[i][1]+'" onMouseOver="swapImage(\'opt'+section+choice+'\',\'\',\'\',1)" onMouseOut="swapImgRestore()" class="cilayernav"><img src="images/spacer.gif" width="12" height="9" name="opt'+section+choice+'" border="0" align="bottom">'+linknames[i][0]+'</a></td></tr>');
	if (i!=(options-1)){
	d.write('<tr><td bgcolor="#FFFFFF"><img src="images/spacer.gif" width="146" height="1"></td></tr>');}
	} // END OF LOOP onClick="gotoPage('+linknames[i][1]+')"
	 
//BOTTOM PIECE
d.write('<tr><td colspan="3" bgcolor="#BBDCFD"><img src="images/spacer.gif" width="148" height="1"></td></tr></table>');
// END OF DYNAMIC CODE FOR ONE LAYER
//d.close();
}

}

function gotoPage(url){
	window.location.href=url;
}