// check browsers
var op = /opera/i.test(navigator.userAgent);
var ie = !op && /msie/i.test(navigator.userAgent);	     
var mz = !op && /mozilla\/5/i.test(navigator.userAgent); 

var maximg = 0;
var currslide = 0;
var myscroller = null;
var canmove = false;
var toleft = true;
function nextScrollerPage() {
  if (myscroller) {
    if (!canmove) myscroller.moveStep( (toleft) ? 1 : -1 );
    if (toleft && (myscroller.current._index >= maximg - 8 + 1)) toleft = false;
    if (!toleft && (myscroller.current._index <= 0)) toleft = true;
    canmove = false; 
    setTimeout('nextScrollerPage()',6000);
  }
}
function next() { myscroller.next(); canmove = true; return false; }
function prev() { myscroller.previous(); canmove = true; return false; }
function activateGlider() {
  var box = $('babies');
  if ( box ) {
    $$('.scroller .content div').each( function( elem, index ) {
      elem.id = 'section'+index;
      elem.addClassName('section');
      maximg = index; 
    });
//    Event.observe( $('arrow-left'), 'click', prev, false );
//    Event.observe( $('arrow-right'), 'click', next, false );
    $('arrow-left').onclick = prev;
    $('arrow-right').onclick = next;
  
    myscroller = new Glider('babies', {duration:0.9});
    myscroller.moveStep( 0 );
    setTimeout('nextScrollerPage()',6000);
  }
}


function activateSlider() {
  $$('#mainmenu div.submenu, #topmenu div.submenu').each( function( elem, index ) {
    var slider = document.createElement('DIV');
    var tracer = document.createElement('DIV'); 
    slider.id = 'slider'+index;
    tracer.id = 'tracer'+index;
    slider.className = 'slider';
    tracer.className = 'tracer';
    slider.appendChild( tracer );
    elem.insertBefore(slider, elem.childNodes[0] );

    new Control.Slider( 'tracer'+index, 'slider'+index, {
      axis: 'vertical',
      onSlide: function( v, ctrl ) {
        var div = ctrl.track.parentNode;
        var ul = null;
        for(i=0;i<div.childNodes.length;i++) {
          if (div.childNodes[i].tagName == 'UL') {
            ul = div.childNodes[i];
            break; 
          }
        }
        if (ul) ul.scrollTop = Math.round((ul.scrollHeight - ul.offsetHeight) * v);
      }
    });
  });
}
function activateHint() {
  $$("div.scroller div.content img").each( function( elem ) {
    elem.onmouseover = function() {
      canmove = false;
      var offset = this.parentNode.parentNode.parentNode.parentNode.scrollLeft;
      var left = (!ie)?this.offsetLeft:this.parentNode.parentNode.offsetLeft+50; 
      left -= offset;
      var hint = $('hint-info');
      if (hint) {
        hint.style.left = left+'px';
        hint.innerHTML = this.parentNode.childNodes[0].innerHTML
        Element.show(hint);
      } 
    };
    elem.onmouseout = function() {
      canmove = true;
      Element.hide('hint-info'); 
    };
  });
}

function initPage() {
  activateGlider();
  activateSlider();
  activateHint();
}

Event.observe(window, 'load', initPage, false);