var isScrolling = false ;

function scrollDiv ( dir , divname ) {

    var handle = document.getElementById(divname) ;
    var scrollByPx = 0 ;
    if ( dir == 'left' ) {

        scrollByPx = -5 ;
    }
    if ( dir == 'right' ) {

        scrollByPx = 5 ;
    }
    handle.scrollLeft = handle.scrollLeft + scrollByPx;
    func2run = 'scrollDiv ( \'' + dir + '\' , \'' + divname + '\' )' ;
    if ( isScrolling == true ) {

        setTimeout ( func2run , 10 ) ;
    }
    return false ;
}

function stopScrollDiv (  ) {

    isScrolling = false ;
}

function scrollwithwheel ( divname ) {

    var handle = document.getElementById(divname) ;
    var scrollByPx = 0 ;
    if (event.wheelDelta >= 120) {

        scrollByPx = -50 ;
    } else {

        scrollByPx = 50 ;
    }
    handle.scrollLeft = handle.scrollLeft + scrollByPx;
    return true;
}

function showHiddenNav ( divname ) {

  var navBar = document.getElementById(divname) ;
  if ( navBar.className == "navHide" ) {

    navBar.className = "navShow" ;
    i = 5 ;

    interval = window.setInterval("tTimer('" + divname + "')",500);
  }
}

function tTimer ( divname ) {

  i-- ;
  if ( i < 0 ) {
    window.clearInterval (interval);
    interval = '' ;
    fadeOut ( divname ) ;
  }
}

function fadeOut ( divname ) {

  j = 6 ;
  secondinterval = window.setInterval("fadeTimer('" + divname + "')",25);
}

function fadeTimer ( divname ) {

  j-- ;
  var navBar = document.getElementById(divname) ;
  navBar.className = 'opa_' + j ;
  if ( j < 1 ) {
    navBar.className = "navHide" ;
    window.clearInterval (secondinterval);
    secondinterval = '' ;
  }
}