function hider(){
    sel=document.getElementsByTagName("SELECT")
        for (i=0 ; i < sel.length;i++){
            sel[i].style.visibility="hidden";
        }
}

function unHider(){
    sel=document.getElementsByTagName("SELECT")
        for (i=0 ; i < sel.length;i++){
            sel[i].style.visibility="visible";
        }   
}

function cm_bwcheck(){
    
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent.toLowerCase()
    this.dom=document.getElementById?1:0
    this.ns4=(!this.dom && document.layers)?1:0;
    this.op=window.opera 
    this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
    this.ie=this.agent.indexOf("msie")>-1 && !this.op
    if(this.op){
        this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
        this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
        this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
    }else if(this.moz) this.ns6 = 1
    else if(this.ie){
        this.ie4 = !this.dom && document.all
    this.ie5 = (this.agent.indexOf("msie 5")>-1)
    this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
    this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
    }
    this.mac=(this.agent.indexOf("mac")>-1)
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
  this.usedom= this.ns6||this.op7//Use dom creation
  this.reuse = this.ie||this.op7||this.usedom //Reuse layers
  this.px=this.dom&&!this.op5?"px":""
    return this
}
var bw=new cm_bwcheck()


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


if(bw.ns4) if(!oCMenu["makeMenu"] || !bw["ns4"]) self.location.reload()

oCMenu=new makeCM("oCMenu")//Making the menu object. Argument: menuname
oCMenu.frames = 0
  
oCMenu.pxBetween=0
oCMenu.fromLeft=0
oCMenu.fromTop=0 
oCMenu.rows=1 
oCMenu.menuPlacement="left"

oCMenu.offlineRoot="" 
oCMenu.onlineRoot=""
oCMenu.resizeCheck=1 
oCMenu.wait=100
oCMenu.fillImg="spacer.gif"
oCMenu.zIndex=0

oCMenu.useBar=0
oCMenu.barWidth="menu"
oCMenu.barHeight="menu" 
oCMenu.barClass="clBar"
oCMenu.barX="menu"
oCMenu.barY="menu"
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""


oCMenu.level[0]=new cm_makeLevel() 
oCMenu.level[0].width=152
oCMenu.level[0].height=22 
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=-4
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=140
oCMenu.level[1].height=26
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=4
oCMenu.level[1].borderY=4
oCMenu.level[1].borderClass="clLevel1border"

oCMenu.level[1].offsetX=-4

oCMenu.level[1].offsetY=-4
oCMenu.level[1].rows=0
oCMenu.level[1].arrow=0
oCMenu.level[1].arrowWidth=0
oCMenu.level[1].arrowHeight=0
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) 
*************************************/
oCMenu.makeMenu('menu1','','Home','index.aspx','','154','22','','','clRedLevel0','clRedLevel0over','','','','','','')
oCMenu.makeMenu('menu2','','My SA Experience','','','152','22','','','clGreenLevel0','clGreenLevel0over','','','','','','')
    oCMenu.makeMenu('menu2a','menu2','Celebrity Experiences','blog_fifi_box.aspx','','162','22','','','clGreenLevel2','clGreenLevel2over','','','','','','')
    oCMenu.makeMenu('menu2b','menu2','Visitor Experiences','ProfileList.aspx','','162','22','','','clGreenLevel2','clGreenLevel2over','','','','','','')
    oCMenu.makeMenu('menu2c','menu2','Experience South Africa','ExperienceSA.aspx','','162','22','','','clGreenLevel2','clGreenLevel2over','','','','','','')
    oCMenu.makeMenu('menu2d','menu2','Upload My Visit','ProfileCreate.aspx','','162','22','','','clGreenLevel2','clGreenLevel2over','','','','','','')
    oCMenu.makeMenu('menu2e','menu2','Visitors Guide','Guide.aspx','','162','22','','','clGreenLevel2','clGreenLevel2over','','','','','','')
oCMenu.makeMenu('menu3','','Photos','','','153','22','','','clBlackLevel0','clBlackLevel0over','','','','','','')
    oCMenu.makeMenu('menu3a','menu3','Celebrity Photos','photos.aspx','','153','22','','','clBlackLevel2','clBlackLevel2over','','','','','','')
    oCMenu.makeMenu('menu3b','menu3','Visitors Photos','PhotoGallery.aspx','','152','22','','','clBlackLevel2','clBlackLevel2over','','','','','','')
oCMenu.makeMenu('menu4','','Videos','','','153','22','','','clYellowLevel0','clYellowLevel0over','','','','','','')
    oCMenu.makeMenu('menu4a','menu4','Celebrity Videos','videos.aspx','','153','22','','','clYellowLevel2','clYellowLevel2over','','','','','','')
    //oCMenu.makeMenu('menu4b','menu4','Visitors Videos','VideoGallery.aspx','','153','22','','','clYellowLevel2','clYellowLevel2over','','','','','','')

/*oCMenu.makeMenu('menu5','','Competition Winners','previous-winner.aspx','','153','22','','','clBlueLevel0','clBlueLevel0over','','','','','','')
    oCMenu.makeMenu('menu5a','menu5','Register','register.aspx','','153','22','','','clBlueLevel2','clBlueLevel2over','','','','','','')
    oCMenu.makeMenu('menu5b','menu5','Create a Caption','caption.aspx','','153','22','','','clBlueLevel2','clBlueLevel2over','','','','','','')
    oCMenu.makeMenu('menu5c','menu5','Vote','caption.aspx','','153','22','','','clBlueLevel2','clBlueLevel2over','','','','','','')
    oCMenu.makeMenu('menu5d','menu5','Previous Winner','previous-winner.aspx','','153','22','','','clBlueLevel2','clBlueLevel2over','','','','','','')
*/
//oCMenu.makeMenu('menu5','','Travel Deals','travelDeals.aspx','','153','22','','','clBlueLevel0','clBlueLevel0over','','','','','','')
oCMenu.makeMenu('menu5','','Subscribe to Newsletter','subscribe.aspx','','153','22','','','clBlueLevel0','clBlueLevel0over','','','','','','')
oCMenu.makeMenu('menu6','','','','','152','22','','','clRedLevel0','clRedLevel0over','','','','','','')

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(1)
  oCMenu.m["menu1"].b.moveIt(pos[0],pos[1])
  pos = findPos(2)
  oCMenu.m["menu2"].b.moveIt(pos[0],pos[1])
  pos = findPos(3)
  oCMenu.m["menu3"].b.moveIt(pos[0],pos[1])
  pos = findPos(4)
  oCMenu.m["menu4"].b.moveIt(pos[0],pos[1])
  pos = findPos(5)
  oCMenu.m["menu5"].b.moveIt(pos[0],pos[1])
  pos = findPos(6)
  oCMenu.m["menu6"].b.moveIt(pos[0],pos[1])
  oCMenu.fromTop = pos[1]
}
placeElements()
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize="placeElements()"