/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)

DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.

Extra info - Coolmenus reference/help - Extra links to help files **** 
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/

/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

//Menu properties   
oCMenu.pxBetween=0
//Using the cm_page object to place the menu ----
oCMenu.fromLeft=0
oCMenu.fromTop=0
oCMenu.rows=1
oCMenu.menuPlacement=0
                                                             
oCMenu.offlineRoot="file:///U|/webbsida/English/" 
oCMenu.onlineRoot="http://www.westerstrand.com/" 
oCMenu.resizeCheck=1 
oCMenu.wait=500 
oCMenu.fillImg="menu_images/cm_fill.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=0

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=92
oCMenu.level[0].height=92 
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=0
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"

oCMenu.level[1]=new cm_makeLevel()
oCMenu.level[1].width=120
oCMenu.level[1].height=18
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].align="right"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/

						/* TID */
	oCMenu.makeMenu('top0','','<img src="menu_images/cm_fill.gif" height="92" width="92">','time.htm','')
	oCMenu.makeMenu('sub00','top0','Guide','time/guide.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub01','top0','Applications','time/app.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub02','top0','Products','time/products.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY FÖR GUIDEN (TID) */
	oCMenu.makeMenu('sub001','sub00','Understanding time','time/guide/understanding.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub002','sub00','Readability','time/guide/readability.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub003','sub00','Timezone','time/guide/timezone.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub004','sub00','Overview','time/guide/overview.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub005','sub00','Impulse operated systems','time/guide/impulse.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub006','sub00','TC systems','time/guide/TC.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub007','sub00','IRIG-B code systems','time/guide/IRIGB.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub008','sub00','SMPTE/EBU code systems','time/guide/SMPTE.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub009','sub00','LON','time/guide/LON.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0010','sub00','Computer aid','time/guide/computer.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0011','sub00','Standalone clocks','time/guide/standalone.htm','','','','','','clLevel1','clLevel1over')

						/* UNDERMENY FÖR APPLIKATIONER (TID) */
	oCMenu.makeMenu('sub011','sub01','Small timesystems','time/app/smalltimesystems.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub012','sub01','Large timesystems','time/app/largetimesystems.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub013','sub01','Proline timesystems','time/app/protimesystems.htm','','','','','','clLevel1','clLevel1over')

						/* UNDERMENY FÖR PRODUKTER (TID) */
	oCMenu.makeMenu('sub021','sub02','Impulse systems','time/products/impulse.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub022','sub02','Timecode','time/products/timecode.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub023','sub02','LON','time/products/LON.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub024','sub02','standalone clocks','time/products/standalone.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub025','sub02','Timerule','time/products/timerule.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub026','sub02','Marine clocks','time/products/marine.htm','','','','','','clLevel1','clLevel1over')

						/* UNDERMENY FÖR IMPULSSYSTEM (TID) */
	oCMenu.makeMenu('sub0211','sub021','Master clocks','time/products/impulse/master.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0212','sub021','Timecentrals','time/products/impulse/timecentrals.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0213','sub021','Analogue clocks','time/products/impulse/analogue.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0214','sub021','Decorative clocks','time/products/impulse/decorative.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0215','sub021','Digital clocks','time/products/impulse/digital.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0216','sub021','Worldtime clocks','time/products/impulse/worldtime.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0217','sub021','Facade/Tower clocks','time/products/impulse/tower.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0218','sub021','Customized clocks','time/products/impulse/customized.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY FÖR TIDKOD (TID) */
	oCMenu.makeMenu('sub0221','sub022','Master clocks','time/products/timecode/time_master.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0222','sub022','Analogue clocks','time/products/timecode/time_analogue.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0223','sub022','Digital clocks','time/products/timecode/time_digital.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0224','sub022','Customized clocks','time/products/timecode/time_customized.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY FÖR LON (TID) */
	oCMenu.makeMenu('sub0231','sub023','Master clocks','time/products/LON/LON_master.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0232','sub023','Analogue clocks','time/products/LON/LON_analogue.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0233','sub023','Digital clocks','time/products/LON/LON_digital.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY FÖR FRISTÅENDE UR (TID) */						
	oCMenu.makeMenu('sub0241','sub024','Quartz','time/products/standalone/quartz.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0242','sub024','RDS','time/products/standalone/rds.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0243','sub024','DCF','time/products/standalone/dcf.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub0244','sub024','MSF','time/products/standalone/msf.htm','','','','','','clLevel1','clLevel1over')
	

						/* SPORT */
	oCMenu.makeMenu('top1','','<img src="menu_images/cm_fill.gif" heigth="92" width="92">','sport.htm')
	oCMenu.makeMenu('sub10','top1','Multisport EM/LED','sport/multi.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub11','top1','Compact scoreboards','sport/compact.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub12','top1','Football/Bandy/Rugby','sport/FotBand.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub13','top1','Sportspecific boards','sport/sportSpec.htm','','','','','','clLevel1','clLevel1over')
	

						/* UNDERMENY MULTISPORT EM/LED (SPORT) */
	oCMenu.makeMenu('sub101','sub10','Electromechanical design','sport/multi/electro.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub102','sub10','LED design','sport/multi/LED.htm','','','','','','clLevel1','clLevel1over')

						/* UNDERMENY MINDRE RESULTATTAVLOR (SPORT) */
	oCMenu.makeMenu('sub111','sub11','Electromechanical design','sport/compact/electro.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub112','sub11','LED design','sport/compact/LED.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY FOTBOLL/BANDY/RUGBY (SPORT) */
	oCMenu.makeMenu('sub121','sub12','Football','sport/FotBand/football.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub122','sub12','Football/Rugby','sport/FotBand/rugby.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub123','sub12','Match clock','sport/FotBand/analogue.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub124','sub12','Advertising','sport/FotBand/advertising.htm','','','','','','clLevel1','clLevel1over')

						/* UNDERMENY SPORTSPECIFIKA RESULTATTAVLOR (SPORT) */
	oCMenu.makeMenu('sub131','sub13','Athletics','sport/sportSpec/athletics.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub132','sub13','Tennis','sport/sportSpec/tennis.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub133','sub13','Wrestling','sport/sportSpec/wrestling.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub134','sub13','Equestrian sports','sport/sportSpec/equestrian.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub135','sub13','Swimming','sport/sportSpec/swimming.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub136','sub13','Other sports','sport/sportSpec/other.htm','','','','','','clLevel1','clLevel1over')
	

						/* DISPLAY */	
	oCMenu.makeMenu('top2','','<img src="menu_images/cm_fill.gif" heigth="92" width="92">','display.htm')
	oCMenu.makeMenu('sub20','top2','Large size info boards','display/large_size.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub21','top2','Price boards','display/priceboards.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub22','top2','Queue systems','display/queuesystems.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub23','top2','Traffic','display/traffic.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub24','top2','Industrial signs','display/industrial.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub25','top2','Event signs','display/event.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub26','top2','Reception signs','display/reception.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub27','top2','Time & Temp signs','display/TimeTemp.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY GUIDE (DISPLAY) */
/*
	oCMenu.makeMenu('sub201','sub20','About large boards','display/guide/about.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub202','sub20','Readability','display/guide/readability.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub203','sub20','Text boards','display/guide/textInfo.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub204','sub20','graphic boards','display/guide/graphicInfo.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub205','sub20','PC program','display/guide/PCprog.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub206','sub20','Installationenvironment','display/guide/install.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub207','sub20','Operation','display/guide/operation.htm','','','','','','clLevel1','clLevel1over')
*/
						/* UNDERMENY Prisskyltar SKYLTAR (DISPLAY) */
	
						/* UNDERMENY TRAFIK & SAMFÄRDSEL (DISPLAY) */
	oCMenu.makeMenu('sub221','sub23','Road signs','display/traffic/roadsigns.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub222','sub23','Traffic information','display/traffic/platform.htm','','','','','','clLevel1','clLevel1over')
	
						/* UNDERMENY EVENEMANGSSKYLTAR (DISPLAY) */
	
						/* UNDERMENY TID & TEMP SKYLTAR (DISPLAY) */
	
	
						/* ARKIV */
	oCMenu.makeMenu('top3','','<img src="menu_images/cm_fill.gif" heigth="92" width="92">','archives.htm')
	oCMenu.makeMenu('sub30','top3','Images','archives/images.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub31','top3','Descriptions','archives/descriptions.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub32','top3','Brochure','archives/brochure.htm','','','','','','clLevel1','clLevel1over')
	//oCMenu.makeMenu('sub33','top3','Customer login','archives/login.htm','','','','','','clLevel1','clLevel1over')
	oCMenu.makeMenu('sub33','top3','Customer login','archives/ftp/index.htm','','','','','','clLevel1','clLevel1over')


						/* OM OSS */
	oCMenu.makeMenu('top4','','<img src="menu_images/cm_fill.gif" heigth="92" width="92">','about.htm')

						/* KONTAKT */
	oCMenu.makeMenu('top5','','<img src="menu_images/cm_fill.gif" heigth="92" width="92">','contact.htm')

//Leave this line - it constructs the menu
oCMenu.construct()		


//Extra code to find position:
function findPos(num){
  //alert(num)
  if(bw.ns4){   //Netscape 4
    x = document.layers["layerMenu"+num].pageX
    y = document.layers["layerMenu"+num].pageY
  }else{ //other browsers
    x=0; y=0; var el,temp
    el = bw.ie4?document.all["divMenu"+num]:document.getElementById("divMenu"+num);
    if(el.offsetParent){
      temp = el
      while(temp.offsetParent){ //Looping parent elements to get the offset of them as well
        temp=temp.offsetParent; 
        x+=temp.offsetLeft
        y+=temp.offsetTop;
      }
    }
    x+=el.offsetLeft
    y+=el.offsetTop
  }
  //Returning the x and y as an array
  return [x,y]
}
function placeElements(){
  //Changing the position of ALL top items:
  pos = findPos(0)
  oCMenu.m["top0"].b.moveIt(pos[0],pos[1])
  pos = findPos(1)
  oCMenu.m["top1"].b.moveIt(pos[0],pos[1])
  pos = findPos(2)
  oCMenu.m["top2"].b.moveIt(pos[0],pos[1])
  pos = findPos(3)
  oCMenu.m["top3"].b.moveIt(pos[0],pos[1])
  pos = findPos(4)
  oCMenu.m["top4"].b.moveIt(pos[0],pos[1])
  pos = findPos(5)
  oCMenu.m["top5"].b.moveIt(pos[0],pos[1])

  
  //Setting the fromtop value
  oCMenu.fromTop = pos[1]
}
placeElements()
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize="placeElements()"