/************************************************************************************
Browsercheck
************************************************************************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

/************************************************************************************
These functions are used for mouseOver effects
************************************************************************************/

//Preload('imgRed','images/red_bullet.gif')
//Preload('imgSilver','images/blue_bullet.gif')


function ChangeImage(layer,imgName,imgObj) {
   if (ie) {
     if (document.images) {
        if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src')
        else document.images[imgName].src = eval(imgObj+".src")
     }
   }   
   else {
        if (document.images) {
           if (document.all && all!=null) eval('document.'+all+'.document.images["'+imgName+'"].src = '+imgObj+'.src')
           else document.images[imgName].src = eval(imgObj+".src")
        }
   }
   
}


function Preload(imgObj,imgSrc) {
     if (document.images) {
         eval(imgObj+' = new Image()')
         eval(imgObj+'.src = "'+imgSrc+'"')
     }
}


/************************************************************************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************************************************/
var stayFolded=true

//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src='images/silver_bullet.gif'
//This is the image is changes to with it's "unfolded" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src='images/red_bullet.gif'

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenu(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'
	this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
   	this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
	this.height=n?this.ref.height:eval(obj+'.offsetHeight')
	this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
	this.hideIt=b_hideIt;	this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
	return this
}

function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************************************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************************************************/
function init(){
	oTop=new Array()
	oTop[0]=new makeMenu('divTop1','divCont')
	oTop[1]=new makeMenu('divTop2','divCont')
	oTop[2]=new makeMenu('divTop3','divCont')
	oTop[3]=new makeMenu('divTop4','divCont')
	oTop[4]=new makeMenu('divTop5','divCont')
	oTop[5]=new makeMenu('divTop6','divCont')
	oTop[6]=new makeMenu('divTop7','divCont')
	oTop[7]=new makeMenu('divTop8','divCont')
	oTop[8]=new makeMenu('divTop9','divCont')
	oSub=new Array()
	oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
	oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
	oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
	oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
	oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
	oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
	oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
	oSub[7]=new makeMenu('divSub8','divCont.document.divTop8')
	oSub[8]=new makeMenu('divSub9','divCont.document.divTop9')
	for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
	for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************************************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************************************************/
function menu(num){
	if(browser){
		if(!stayFolded){
			for(i=0;i<oSub.length;i++){
				if(i!=num){
					oSub[i].hideIt()
					oTop[i].ref["imgA"+i].src=unImg.src
				}
			}
			for(i=1;i<oTop.length;i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
			}
		}
		if(oSub[num].vis()){
			oSub[num].showIt()
		/*	oTop[num].ref["imgA"+num].src=exImg.src */
		}else{
			oSub[num].hideIt()
		/*	oTop[num].ref["imgA"+num].src=unImg.src */
		}
		for(i=1;i<oTop.length;i++){
			if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
			else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
		}
	}
}

if(browser){onload=init;}