/*******************************************************************************
Copyright (c) 1999 Thomas Brattli (www.bratta.com)

eXperience DHTML coolMenus - Get it at www.bratta.com
Version 1.0
This script can be used freely as long as all copyright messages are
intact. Visit www.bratta.com/dhtml for the latest version of the script.

This is the actual script page. You shouldn't really have to edit anything in
here.
*******************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser()
{
  this.ver=navigator.appVersion;
  this.dom=document.getElementById?1:0;
  this.ie6=(this.ver.indexOf("msie 6")>-1 && this.dom)?1:0;        //!this.op5 && !this.op6);
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  this.ie4=(document.all && !this.dom)?1:0;
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5);
  return this;
}

var bw=new checkBrowser();

//Ie var
var explorerev='';

/********************************************************************************
Object constructor and object functions
********************************************************************************/

function makePageCoords()
{
  this.x=0;this.x2=(bw.ns4 || bw.ns5)?innerWidth:document.body.offsetWidth-20;
  this.y=0;this.y2=(bw.ns4 || bw.ns5)?innerHeight:document.body.offsetHeight-5;
  this.x50=this.x2/2;
  this.y50=this.y2/2;
  return this;
}

function makeMenu(parent,obj,nest,type,num,subnum,subsubnum)
{
  nest=(!nest) ? '':'document.'+nest+'.';
  this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;					
  this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;		
  this.height=bw.ns4?this.css.document.height: this.evnt.offsetHeight;
  this.width=bw.ns4?this.css.document.width:this.evnt.offsetWidth;
  this.moveIt=b_moveIt;
  this.bgChange=b_bgChange;	
  this.clipTo=b_clipTo;
  this.parent=parent;
  this.active=0;
  this.nssubover=0
  if(type==0)
  {
    this.evnt.onmouseover=new Function("mmover("+num+","+this.parent.name+")");
	this.evnt.onmouseout=new Function("mmout("+num+","+this.parent.name+")");
  }
  else 
    if(type==1)
	{
	  this.clipIn=b_clipIn;
	  this.clipOut=b_clipOut;
	  this.clipy=0;
	  if((bw.ns5 || bw.ns4) && this.parent.menueventoff=="mouse")
	  {
	   //Change for Netscape 6 ------------------------------------------------------------
	    this.evnt.onmouseout=new Function("setTimeout('if(!"+this.parent.name+"["+num+"].nssubover)"+this.parent.name+".hideactive("+num+");',100)");
		this.evnt.onmouseover=new Function(this.parent.name+"["+num+"].nssubover=true");
	  }
	 }
  else if(type==2)
  {
    this.evnt.onmouseover=new Function("submmover("+num+","+subnum+","+this.parent.name+")");
    this.evnt.onmouseout=new Function("submmout("+num+","+subnum+","+this.parent.name+")");
  }
  else if(type==3)
  {
    this.evnt.onmouseover=new Function("subsubmmover("+num+","+subnum+","+subsubnum+","+this.parent.name+")");
    this.evnt.onmouseout=new Function("subsubmmout("+num+","+subnum+","+subsubnum+","+this.parent.name+")");
  }
  this.tim=100;
  this.obj = obj + "Object";
  eval(this.obj + "=this");
  return this;
}

function b_clipTo(t,r,b,l,h)
{
  if(bw.ns4)
  {
    this.css.clip.top=t;
	this.css.clip.right=r;
    this.css.clip.bottom=b;
	this.css.clip.left=l;
    this.clipx=r;
  }
  else
  {
    this.css.clip="rect("+t+","+r+","+b+","+l+")"; this.clipx=r;
    if(h)
	{
	  if(!bw.ns4)
	  {
	    this.css.height=b; this.css.width=r;
	  }
    }
  }
}

 //CHANGE DONE FOR NETSCAPE 6 -----------------------------------------------------------------------------------------------------

function b_moveIt(x,y)
{
  this.x=x; this.y=y;
  this.css.left=this.x;
  this.css.top=this.y
}

function b_bgChange(color)
{
  if(bw.dom || bw.ie4)
    this.css.backgroundColor=color;
  else
    if(bw.ns4) this.css.bgColor=color;
}

function b_clipIn(speed)
{
  if(this.clipy>-speed)
  { 
  //CHANGE DONE FOR NETSCAPE 6 ---------------------------------------------------------------------------
    this.clipy-=speed;
    if(this.clipy<0)
      this.clipy=0;
    this.clipTo(0,this.clipx,this.clipy,0,1);
	this.tim=setTimeout(this.obj+".clipIn("+speed+")",10);
  }
  else
  {
    this.clipy=0;
    this.clipTo(0,this.clipx,this.clipy,0,1);
  }	
}

function b_clipOut(speed)
{
  if(this.clipy<this.clipheight+10)
  {
  //CHANGE DONE FOR NETSCAPE 6 ---------------------------------------------------------------------------
    this.clipy+=speed;
	this.clipTo(0,this.clipx,this.clipy,0,1);
	this.tim=setTimeout(this.obj+".clipOut("+speed+")",10);
  }
  else
  {
    this.clipy=this.clipheight+10;
	this.clipTo(0,this.clipx,this.clipy,0,1);
  }
    //CHANGE DONE FOR NETSCAPE 6 ---------------------------------------------------------------------------
}

//Page variable, holds the width and height of the document. (see documentsize tutorial on bratta.com/dhtml)

var page=new makePageCoords()

/********************************************************************************
Checking if the values are % or not.
********************************************************************************/

function checkp(num,lefttop)
{
  if(num)
  {
    if(num.toString().indexOf("%")!=-1)
	{
	  if(this.menurows)
	    num=(page.x2*parseFloat(num)/100)
      else num=(page.y2*parseFloat(num)/100)
	}
    else
      num=parseFloat(num)
   }
   else
     num=0;
   return num;
}
/********************************************************************************
Menu object, constructing menu ++
********************************************************************************/
function menuObj(name)
{
  this.makeStyle=makeStyle;
  this.makeMain=makeMain;
  this.makeSub=makeSub;
  this.makeSubSub=makeSubSub;
  this.mainmenus=0; 
  this.submenus=new Array();
  this.construct=constructMenu;
  this.checkp=checkp;
  this.name=name;
  this.menumain=menumain;
  this.hidemain=hidemain;
  this.hideactive=hideactive;
  this.menusub=menusub;
  this.hidesubs=hidesubs;
}

function constructMenu()
{
  bw=new checkBrowser();
  page=new makePageCoords() ;                     //Checking numbers for %
  this.mainwidth=checkp(this.mainwidth,0);
  this.mainheight=checkp(this.mainheight,1);
  this.subplacement=checkp(this.subplacement,1);
  this.subwidth=checkp(this.subwidth,0);
  this.subheight=checkp(this.subheight,1);
  this.subsubwidth=checkp(this.subsubwidth,0);
  this.subsubheight=checkp(this.subsubheight,1);
  this.subsubXplacement=checkp(this.subsubXplacement,1);
  this.subsubYplacement=checkp(this.subsubYplacement,1);
  if(this.backgroundbar)
  {                                               //Backgroundbar part
    this.oBackgroundbar=new makeMenu(this,'div'+this.name+'Backgroundbar','',-1);
	this.oBackgroundbar.moveIt(this.checkp(this.backgroundbarfromleft,0),this.checkp(this.backgroundbarfromtop,1));

	if(this.menurows)
	  this.oBackgroundbar.clipTo(0,this.checkp(this.backgroundbarsize),this.mainheight,0,1);
	else
	  this.oBackgroundbar.clipTo(0,this.mainwidth,

	this.checkp(this.backgroundbarsize),0,1);
    this.oBackgroundbar.bgChange(this.backgroundbarcolor);
  }
  this.x=this.checkp(this.fromleft,0); this.y=this.checkp(this.fromtop,1);
  for(i=0;i<this.mainmenus;i++)
  {
    this[i]=new makeMenu(this,'div'+this.name+'Main'+i,'',0,i)
	this[i].clipTo(0,this.mainwidth,this.mainheight,0,1)
	if(this.menuplacement!=0)
	{
	  if(this.menurows)
	    this.x=this.checkp(this.menuplacement[i])
	  else
	    this.y=this.checkp(this.menuplacement[i])
    }
	this[i].moveIt(this.x,this.y)
	this[i].bgChange(this.mainbgcoloroff)
	if(!this.menurows)
	  this.y+=this.mainheight+this.checkp(this.pxbetween)
	else 
	  this.x+=this.mainwidth+this.checkp(this.pxbetween)
	if(this.submenus[i]!='nosub')
	{
	  this[i].subs=new makeMenu(this,'div'+this.name+'Sub'+i,'',1,i,-1);
	  if(!this.menurows)
	    this[i].subs.moveIt(this.subplacement+this[i].x,this[i].y);
	  else 
	    this[i].subs.moveIt(this[i].x,this[i].y+this.subplacement);

	  this.suby=0;
	  this[i].sub=new Array();
	  for(j=0;j<this.submenus[i]["main"];j++)
	  {
	    this[i].sub[j]=new makeMenu(this,'div'+this.name+'Sub'+i+'_'+j,'div'+this.name+'Sub'+i,2,i,j);
	    this[i].sub[j].clipTo(0,this.subwidth,this.subheight,0,1);
	    this[i].sub[j].moveIt(0,this.suby);
	    this[i].sub[j].bgChange(this.subbgcoloroff);
	    this.suby+=this.subheight;
	    if(this.submenus[i]["submenus"][j]>0)
	    {
	      this.subsuby=0;
	      this[i].sub[j].subs=new makeMenu(this,'div'+this.name+'Sub'+i+'_'+j+'_sub','',1,i,j);
	      this[i].sub[j].subs.moveIt(this[i].subs.x+this.subsubXplacement,this[i].subs.y+this[i].sub[j].y+this.subsubYplacement);
	      this[i].sub[j].sub=new Array();

	      for(a=0;a<this.submenus[i]["submenus"][j];a++)
	      {
	        this[i].sub[j].sub[a]=new makeMenu(this,'div'+this.name+'Sub'+i+'_'+j+'_sub'+a,'div'+this.name+'Sub'+i+'_'+j+'_sub',3,i,j,a);
	        this[i].sub[j].sub[a].clipTo(0,this.subsubwidth,this.subsubheight,0,1);
	        this[i].sub[j].sub[a].moveIt(0,this.subsuby);
	        this[i].sub[j].sub[a].bgChange(this.subsubbgcoloroff);
	        this.subsuby+=this.subsubheight;
	      }
	      this[i].sub[j].subs.clipTo(0,this.subsubwidth,0,0,1);
	      this[i].sub[j].subs.clipheight=this.subsuby;
	    }
		else
		  this[i].sub[j].subs=0;
	  }
	  this[i].subs.clipTo(0,this.subwidth,0,0,1);
	  this[i].subs.clipheight=this.suby;
	}
	else
	  this[i].subs=0;
  }
  setTimeout("window.onresize=resized;",500);
  if(this.menueventoff=="mouse")
  {
    if(!bw.ns5 && !bw.ns4)
    {
      explorerev+=this.name+".hidemain(-1);" ;//CHANGE NETSCAPE 6 -------------------------------
      document.onmouseover=new Function(explorerev);
    }//CHANGE NETSCAPE 6 --------------------------------------------------------------
  }
}

function resized()
{
  page2=new makePageCoords();
  if(page2.x2!=page.x2 || page.y2!=page2.y2)
    location.reload();
}

/*********************************************************************************************
Mouseevents (name==this (as in made object, not the event "this"))
*********************************************************************************************/
function cancelEv()
{
  if(bw.ie4 || bw.ie5 || bw.ie6)
    window.event.cancelBubble=true;
}

function mmover(num,name)
{
  name[num].bgChange(name.mainbgcoloron);

  if(name.menueventon=="mouse")
    name.menumain(num,1);

  name[num].nssubover=true;
  cancelEv();
}

function mmout(num,name)
{
  if(!isNaN(num))
  {
    if(name[num].subs==0 || !name.stayoncolor || !name[num].active)
	  name[num].bgChange(name.mainbgcoloroff);

	name[num].nssubover=false;
	if(name.menueventoff=="mouse")
	  if(bw.ns4)
	    setTimeout("if(!"+name.name+"["+num+"].nssubover) "+name.name+".hideactive("+num+")",100);
  } 
  cancelEv();
}

function submmover(num,subnum,name)
{
  name[num].sub[subnum].bgChange(name.subbgcoloron);
  if(name.menueventon=="mouse")
  {
    name.menusub(num,subnum,1);
  }
  name[num].nssubover=true;
  cancelEv();
}

function submmout(num,subnum,name)
{
  if(!isNaN(subnum))
  {
    name[num].nssubover=false;
	if(!name.stayoncolor || !name[num].sub[subnum].active || name[num].sub[subnum].subs==0)
	  name[num].sub[subnum].bgChange(name.subbgcoloroff);
  }
  cancelEv();
}

function subsubmmover(num,subnum,subsubnum,name)
{
  if(!isNaN(subnum))
  {
    name[num].sub[subnum].sub[subsubnum].bgChange(name.subsubbgcoloron); 
	name[num].nssubover=true
  }
  cancelEv();
}

function subsubmmout(num,subnum,subsubnum,name)
{
  if(!isNaN(subnum))
  {
    name[num].nssubover=false; 
	name[num].sub[subnum].sub[subsubnum].bgChange(name.subsubbgcoloroff);
  }
  cancelEv();
}

/*********************************************************************************************
Showing submenus
*********************************************************************************************/
function menumain(num,mouse)
{
  if(this[num].subs!=0)
  {
    clearTimeout(this[num].subs.tim);
	if(this[num].subs.clipy==0 || mouse)
	{
	  this.hidemain(num);
	  this[num].subs.clipOut(this.menuspeed);
	  this[num].active=1;
	}
	else
	{
	  this.hidemain(-1);
	  this[num].active=0;
	}
  }
}

/*********************************************************************************************
Showing subsubmenus
*********************************************************************************************/
function menusub(num,sub,mouse)
{
  this.hidesubs(num,sub);
  if(this[num].sub[sub].subs!=0)
  {
    if(this[num].sub[sub].subs.clipy==0 || mouse)
	{
	  this[num].sub[sub].active=1;
	  this[num].sub[sub].subs.clipOut(this.menusubspeed);
	}
	else
	{
	  this[num].sub[sub].active=0;
	  this[num].sub[sub].subs.clipIn(this.menusubspeed);
	}
  }
}

/*********************************************************************************************
Hides the other sub menuitems if any are shown. Also calls the hidesubs to hide any showing
submenus.
*********************************************************************************************/
function hidemain(num)
{
  for(i=0;i<this.mainmenus;i++)
  {
    if(this[i].subs!=0)
	{
	  if(this[i].subs.clipy<=this[i].subs.clipheight+10)
	  {
	    this.hidesubs(i,100);
		if(i!=num)
		{
		  clearTimeout(this[i].subs.tim);
		  this[i].active=0;
		  this[i].bgChange(this.mainbgcoloroff);

		  if(this.menurows)
		    this[i].subs.clipIn(this.menuspeed);
		  else
		  {
		    this[i].subs.clipy=0;
			this[i].subs.clipTo(0,this[i].subs.clipx,this[i].subs.clipy,0,1);
		  }
		}
	  }
	}
	else
	  this[i].bgChange(this.mainbgcoloroff);

  }
}

/*********************************************************************************************
Hides the active submenuitems
*********************************************************************************************/
function hideactive(num)
{
  if(this[num].subs!=0)
  {
    this.hidesubs(num,100)
	clearTimeout(this[num].subs.tim)
	this[num].active=0
	this[num].bgChange(this.mainbgcoloroff)

	if(this.menurows)
	  this[num].subs.clipIn(this.menuspeed)
	else
	{
	  this[num].subs.clipy=0;
	  this[num].subs.clipTo(0,this[num].subs.clipx,this[num].subs.clipy,0,1)
	}
  }
}

/*********************************************************************************************
Hides the other subsub menuitems if any are shown.
*********************************************************************************************/
function hidesubs(num,sub)
{
  for(j=0;j<this[num].sub.length;j++)
  {
    if(this[num].sub[j].subs!=0 && j!=sub)
	{
	  if(this[num].sub[j].subs.clipy<=this[num].sub[j].subs.clipy || this[num].subs.clipy<this[num].subs.clipheight)
	  {
	    clearTimeout(this[num].sub[j].subs.tim);
		this[num].sub[j].active=0;
		this[num].sub[j].bgChange(this.subbgcoloroff);
		this[num].sub[j].subs.clipy=0;
		this[num].sub[j].subs.clipTo(0,this[num].sub[j].subs.clipx,this[num].sub[j].subs.clipy,0,1);
	  }
	}
  }
}

/*********************************************************************************************
These are the functions that writes the style and menus to the page. 
*********************************************************************************************/
function makeStyle()
{
  str='\n<style type="text/css">\n'
 //CHANGE DONE FOR NETSCAPE 6 (removed the copyright line)--------------------------------------------------------------------------------------------------------------------
  str+='\tDIV.cl'+this.name+'Main{position:absolute; z-index:51; clip:rect(0,0,0,0); overflow:hidden; width:'+(this.mainwidth-10)+'; '+this.clMain+'}\n';
  str+='\tDIV.cl'+this.name+'Sub{position:absolute; z-index:52; clip:rect(0,0,0,0); overflow:hidden; width:'+(this.subwidth-10)+'; '+this.clSub+'}\n';
  str+='\tDIV.cl'+this.name+'SubSub{position:absolute; z-index:54; clip:rect(0,0,0,0); width:'+(this.subsubwidth-10)+'; '+this.clSubSub+'}\n';
  str+='\tDIV.cl'+this.name+'Subs{position:absolute; z-index:53; clip:rect(0,0,0,0); overflow:hidden}\n';
  str+='\t#div'+this.name+'Backgroundbar{position:absolute; z-index:50; clip:rect(0,0,0,0); overflow:hidden}\n';
  str+='\tA.clA'+this.name+'Main{'+this.clAMain+'}\n';
  str+='\tA.clA'+this.name+'Sub{'+this.clASub+'}\n';
  str+='\tA.clA'+this.name+'SubSub{'+this.clASubSub+'}\n';
  str+='</style>\n\n';
  document.write(str);
}

function makeMain(num,text,link,target)
{
  str="";
  if(this.backgroundbar && num==0)
  {
    str+='\n<div id="div'+ this.name +'Backgroundbar"></div>\n';
  }
  str+='<div id="div'+this.name+'Main'+num+'" class="cl'+this.name+'Main">';

  if(link)
  {
    str+='<a href="'+link+'"';
	this.submenus[num]='nosub';
  }
  else
    str+='<a href="#" onclick="'+this.name+'.menumain('+num+'); return false"';

  if(target) str+=' target="'+target+'" '
	str+=' class="clA'+this.name+'Main">'+text+'</a></div>\n';

  this.mainmenus++; 
  document.write(str);
}

function makeSub(num,subnum,text,link,total,target)
{
  str="";
  if(subnum==0)
    str='<div id="div'+this.name+'Sub'+num+'" class="cl'+this.name+'Subs">\n';

  str+='\t<div id="div'+this.name+'Sub'+num+'_'+subnum+'" class="cl'+this.name+'Sub">';
  
  if(link)
    str+='<a href="'+link+'"';
  else
    str+='<a href="#" onclick="'+this.name+'.menusub('+num+','+subnum+'); return false"';

  if(target)
    str+=' target="'+target+'" ';

  str+=' class="clA'+this.name+'Sub">'+text+'</a></div>\n';
  if(subnum==total-1)
  {
    str+='</div>\n';
    this.submenus[num]=new Array();
	this.submenus[num]["main"]=total;
	this.submenus[num]["submenus"]=new Array();
  }
  document.write(str)
}

function makeSubSub(num,subnum,subsubnum,text,link,total,target)
{
  str="";
  if(subsubnum==0)
    str='<div id="div'+this.name+'Sub'+num+'_'+subnum+'_sub" class="cl'+this.name+'Subs">\n';

  str+='\t<div id="div'+this.name+'Sub'+num+'_'+subnum+'_sub'+subsubnum+'" class="cl'+this.name+'SubSub">';
  if(link)
    str+='<a href="'+link+'"'; else str+='<a href="#"';

  if(target) str+=' target="'+target+'" '
	str+=' class="clA'+this.name+'SubSub">'+text+'</a></div>\n';

  if(subsubnum==total-1){str+='</div>\n'; this.submenus[num]["submenus"][subnum]=total}
	document.write(str);
}
/*********************************************************************************************
END Menu script
*********************************************************************************************/