var timeBeforeAutoHide = 500; // Microseconds to wait before auto hiding menu(1000 = 1 second)
  var slideSpeed_out = 10;  // Steps to move sub menu at a time ( higher = faster)
  var slideSpeed_in = 10;
    
  
  var slideTimeout_out = 20;  // Microseconds between slide steps ( lower = faster)
  var slideTimeout_in = 10; // Microseconds between slide steps ( lower = faster)
  
  var showSubOnMouseOver = true;  // false = show sub menu on click, true = show sub menu on mouse over
  var fixedSubMenuWidth = false;  // Width of sub menu items - A number(width in pixels) or false when width should be dynamic
  
  var xOffsetSubMenu = 0;   // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu
  
  var slideDirection = 'right'; // Slide to left or right ?
  
  /* Don't change anything below here */
  
  var activeSubMenuId = false;
  var activeMainMenuItem = false;
  var currentZIndex = 1000;   
  var autoHideTimer = 0;
  var submenuObjArray = new Array();
  var okToSlideInSub = new Array();
  var subPositioned = new Array();
  

  function stopAutoHide()
  {
    autoHideTimer = -1;
  }
  
  function initAutoHide()
  {
    autoHideTimer = 0;
    if(autoHideTimer>=0)autoHide();
  }
  
  function autoHide()
  {
    
    if(autoHideTimer>timeBeforeAutoHide)
    {
      
      if(activeMainMenuItem){
        activeMainMenuItem.className='';
        activeMainMenuItem = false;
      }
      
      if(activeSubMenuId){
        var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
        showSub();
      }
    }else{
      if(autoHideTimer>=0){
        autoHideTimer+=50;
        setTimeout('autoHide()',50);
      }
    }
  } 
  
  function getTopPos(inputObj)
  {   
    var returnValue = inputObj.offsetTop;
    while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
    return returnValue;
  }
  
  function getLeftPos(inputObj)
  {
    var returnValue = inputObj.offsetLeft;
    while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
    return returnValue;
  }
  
  function showSub()
  {
    var subObj = false;
    if(this && this.tagName){
      var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
      okToSlideInSub[numericId] = false;
      var subObj = document.getElementById('subMenuDiv' + numericId);
      if(activeMainMenuItem)activeMainMenuItem.className='';
      if(subObj){
        if(!subPositioned[numericId]){
          if(slideDirection=='right'){
            subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
          }else{
            subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
            
          }
          submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
          subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
          subPositioned[numericId] = true;
        }       
        subObj.style.visibility = 'visible';
        subObj.style.zIndex = currentZIndex;
        currentZIndex++;  
        this.className='activeMainMenuItem';
        activeMainMenuItem = this;
      }
    }else{
      var numericId = activeSubMenuId;
    }
    if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
    if(numericId!=activeSubMenuId && this && subObj){
      subObj.style.width = '0px'; 
      slideMenu(numericId,slideSpeed_out);
      activeSubMenuId = numericId;
    }else{
      if(numericId!=activeSubMenuId)activeSubMenuId = false;
    }
    if(showSubOnMouseOver)stopAutoHide();
  }
  
  function slideMenu(menuIndex,speed){
    var obj = submenuObjArray[menuIndex]['divObj'];
    var obj2 = submenuObjArray[menuIndex]['ulObj'];
    var width = obj.offsetWidth + speed;
    if(speed<0){
      if(width<0)width = 0;
      obj.style.width = width + 'px';
      if(slideDirection=='left'){
        obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
        obj2.style.left = '0px';
      }else{
        obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
      }
      if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
        obj.style.visibility = 'hidden';
        obj.style.width = '0px';
        if(activeSubMenuId==menuIndex)activeSubMenuId=false;
      }
      
    }else{
      if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
      if(slideDirection=='left'){
        obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
        obj2.style.left = '0px';
      }else{
        obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px' 
      }   
      
      obj.style.width = width + 'px';
      if(width<submenuObjArray[menuIndex]['width']){
        setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
      }else{
        okToSlideInSub[menuIndex] = true;
      }
    }
  }
  function resetPosition()
  {
    subPositioned.length = 0;
  }
      
  function initLeftMenu()
  {
    var menuObj = document.getElementById('mss_menu');  
    var mainMenuItemArray = new Array();
    
    var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
    while(mainMenuItem){
      if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
        mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
        var aTag = mainMenuItem.getElementsByTagName('A')[0];
        if(showSubOnMouseOver)
          aTag.onmouseover = showSub; 
        else
          aTag.onclick = showSub; 
      }
      mainMenuItem = mainMenuItem.nextSibling;
    }   
    
    var lis = menuObj.getElementsByTagName('A');
    for(var no=0;no<lis.length;no++){
      if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
      lis[no].onmouseout = initAutoHide;
      lis[no].onmousemove = stopAutoHide;
    }
        
    for(var no=0;no<mainMenuItemArray.length;no++){
      var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
      if(sub){
        mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
        var div = document.createElement('DIV');
        div.className='mss_subMenu';
        document.body.appendChild(div);
        div.appendChild(sub);
        if(slideDirection=='right'){
          div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
        }else{
          div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
        }
        div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
        div.id = 'subMenuDiv' + (no+1);
        sub.id = 'submenuUl' + (no+1);
        sub.style.position = 'relative';  

        if(navigator.userAgent.indexOf('Opera')>=0){
          submenuObjArray[no+1] = new Array();
          submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
          submenuObjArray[no+1]['divObj'] = div;
          submenuObjArray[no+1]['ulObj'] = sub;
          submenuObjArray[no+1]['width'] = sub.offsetWidth;
          submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
        }
        sub.style.left = 1 - sub.offsetWidth + 'px';  
        
        if(document.all)div.style.width = '1px';  
          
        if(navigator.userAgent.indexOf('Opera')<0){
          submenuObjArray[no+1] = new Array();
          submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
          submenuObjArray[no+1]['divObj'] = div;
          submenuObjArray[no+1]['ulObj'] = sub;
          submenuObjArray[no+1]['width'] = sub.offsetWidth;
          
          
          
          submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
          if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
        } 

        if(!document.all) div.style.width = '1px';     
          
      }
    }
      
    menuObj.style.visibility = 'visible';
    
     
    window.onresize = resetPosition;
    
    if (document.getElementById("album")){
    startClock();
    }  

}
  
  
  window.onload = initLeftMenu;
  
  
    var idx = 0
    var arrSlides = new Array(89)
    arrSlides[0] = "MSS logo 08.jpg"
    arrSlides[1] = "IMG_8143.jpg"
    arrSlides[2] = "IMG_8144.jpg"
    arrSlides[3] = "IMG_8147.jpg"
    arrSlides[4] = "IMG_8150.jpg"
    arrSlides[5] = "IMG_8154.jpg"
    arrSlides[6] = "IMG_8157.jpg"
    arrSlides[7] = "IMG_8158.jpg"
    arrSlides[8] = "IMG_8160.jpg"
    arrSlides[9] = "IMG_8161.jpg"
    arrSlides[10] = "IMG_8171.jpg"
    arrSlides[11] = "IMG_8174.jpg"
    arrSlides[12] = "IMG_8177.jpg"
    arrSlides[13] = "IMG_8182.jpg"
    arrSlides[14] = "IMG_8183.jpg"
    arrSlides[15] = "IMG_8186.jpg"
    arrSlides[16] = "IMG_8187.jpg"
    arrSlides[17] = "IMG_8191.jpg"
    arrSlides[18] = "IMG_8194.jpg"
    arrSlides[19] = "IMG_8195.jpg"
    arrSlides[20] = "IMG_8198.jpg"
    arrSlides[21] = "IMG_8199.jpg"
    arrSlides[22] = "IMG_8200.jpg"
    arrSlides[23] = "IMG_8204.jpg"
    arrSlides[24] = "IMG_8206.jpg"
    arrSlides[25] = "IMG_8211.jpg"
    arrSlides[26] = "IMG_8212.jpg"
    arrSlides[27] = "IMG_8213.jpg"
    arrSlides[28] = "IMG_8215.jpg"
    arrSlides[29] = "IMG_8216.jpg"
    arrSlides[30] = "IMG_8217.jpg"
    arrSlides[31] = "IMG_8220.jpg"
    arrSlides[32] = "IMG_8221.jpg"
    arrSlides[33] = "IMG_8222.jpg"
    arrSlides[34] = "IMG_8223.jpg"
    arrSlides[35] = "IMG_8225.jpg"
    arrSlides[36] = "IMG_8227.jpg"
    arrSlides[37] = "IMG_8229.jpg"
    arrSlides[38] = "IMG_8230.jpg"
    arrSlides[39] = "IMG_8232.jpg"
    arrSlides[40] = "IMG_8233.jpg"
    arrSlides[41] = "IMG_8234.jpg"
    arrSlides[42] = "IMG_8246.jpg"
    arrSlides[43] = "IMG_8247.jpg"
    arrSlides[44] = "IMG_8248.jpg"
    arrSlides[45] = "IMG_8249.jpg"
    arrSlides[46] = "IMG_8250.jpg"
    arrSlides[47] = "IMG_8251.jpg"
    arrSlides[48] = "IMG_8253.jpg"
    arrSlides[49] = "IMG_8256.jpg"
    arrSlides[50] = "IMG_8257.jpg"
    arrSlides[51] = "IMG_8259.jpg"
    arrSlides[52] = "IMG_8260.jpg"
    arrSlides[53] = "IMG_8262.jpg"
    arrSlides[54] = "IMG_8263.jpg"
    arrSlides[55] = "IMG_8264.jpg"
    arrSlides[56] = "IMG_8265.jpg"
    arrSlides[57] = "IMG_8266.jpg"
    arrSlides[58] = "IMG_8267.jpg"
    arrSlides[59] = "IMG_8268.jpg"
    arrSlides[60] = "IMG_8269.jpg"
    arrSlides[61] = "IMG_8271.jpg"
    arrSlides[62] = "IMG_8272.jpg"
    arrSlides[63] = "IMG_8273.jpg"
    arrSlides[64] = "IMG_8275.jpg"
    arrSlides[65] = "IMG_8277.jpg"
    arrSlides[66] = "IMG_8279.jpg"
    arrSlides[67] = "IMG_8280.jpg"
    arrSlides[68] = "IMG_8281.jpg"
    arrSlides[69] = "IMG_8283.jpg"
    arrSlides[70] = "IMG_8284.jpg"
    arrSlides[71] = "IMG_8285.jpg"
    arrSlides[72] = "IMG_8287.jpg"
    arrSlides[73] = "IMG_8288.jpg"
    arrSlides[74] = "IMG_8289.jpg"
    arrSlides[75] = "IMG_8291.jpg"
    arrSlides[76] = "IMG_8292.jpg"
    arrSlides[77] = "IMG_8293.jpg"
    arrSlides[78] = "IMG_8294.jpg"
    arrSlides[79] = "IMG_8295.jpg"
    arrSlides[80] = "IMG_8296.jpg"
    arrSlides[81] = "IMG_8297.jpg"
    arrSlides[82] = "IMG_8300.jpg"
    arrSlides[83] = "IMG_8304.jpg"
    arrSlides[84] = "IMG_8306.jpg"
    arrSlides[85] = "IMG_8307.jpg"
    arrSlides[86] = "IMG_8309.jpg"
    arrSlides[87] = "IMG_8310.jpg"
    arrSlides[88] = "IMG_8312.jpg"

    
    
    var x = 4
    var y = 1
       
  
  function startClock(){
      x = x-y
      setTimeout("startClock()", 1000)
      if(x==0){
        idx++;
        if(idx==89){
          idx=0
        } 
        document.getElementById("album").src = "/images/album/" + arrSlides[idx];
        x=4;
      }
    }