/*  Scrolling Text
***************************************************************
*/
window.addEvent('domready', function() {
  var opt = {
    duration: 3000,
    delay: 1000,
    auto:true,
    direction: 'v',
    onMouseEnter: function(){this.stop();},
    onMouseLeave: function(){this.play();}
  }
  var scroller = new QScroller('qscroller1',opt);
  scroller.load();
});
/*  Sliding Images
***************************************************************
*/
window.addEvent('domready', function() {

    var x = 0;
    var imageWidth = 125;
    var holderWidth = 500;
        
    $('h-scroller-l').addEvent('click', function(e){
        e = new Event(e);
        var effect = new Fx.Style('h-scroller-images-inner', 'marginLeft', {
          duration: 500, 
          transition: Fx.Transitions.Sine.easeInOut
        });
        var left = document.getElementById("h-scroller-images-inner").style.marginLeft;   
        if (left == "")
            left = 0;
        if (x > 0) {
          effect.start(parseInt(left)+imageWidth);
          x = x - imageWidth;
        }
        e.stop();
        return false;
    });

    $('h-scroller-r').addEvent('click', function(e){
        e = new Event(e);
        var effect = new Fx.Style('h-scroller-images-inner', 'marginLeft', {
          duration: 500, 
          transition:  Fx.Transitions.Sine.easeInOut
        });
        var left = document.getElementById("h-scroller-images-inner").style.marginLeft;
        if (left == "")
            left = 0;
        if (x < 500) {
          effect.start(parseInt(left)-imageWidth);
          x = x + imageWidth;
        }
        e.stop();
        return false;
    });

});



/*var x = 0;
var imageWidth = 125;
var holderWidth = 500;
    
function MoveLeft()
{
    var effect = new Fx.Style('h-scroller-images-inner', 'marginLeft', {
      duration: 500, 
      transition: Fx.Transitions.Sine.easeInOut
    });
    var left = document.getElementById("h-scroller-images-inner").style.marginLeft;   
    if (left == "")
        left = 0;
    if (x > 0) {
      effect.start(parseInt(left)+imageWidth);
      x = x - imageWidth;
    }
    return false;
}

function MoveRight()
{
    var effect = new Fx.Style('h-scroller-images-inner', 'marginLeft', {
      duration: 500, 
      transition:  Fx.Transitions.Sine.easeInOut
    });
    var left = document.getElementById("h-scroller-images-inner").style.marginLeft;
    if (left == "")
        left = 0;
    if (x < 500) {
      effect.start(parseInt(left)-imageWidth);
      x = x + imageWidth;
    }
    return false;
}*/

function attachExternals() {
  if (document.getElementsByTagName('a')) {
    as = document.getElementsByTagName('a');
    for (var i=0; i<as.length; i++) {
      if (as[i].className.indexOf('external') >= 0) {
        as[i].target = '_blank';
      }
    }
  }
}

function startList(nav) {
  if (document.all&&document.getElementById(nav)) {
    navRoot = document.getElementById(nav);
    for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
          this.style.zIndex=200;
        }
        node.onmouseout=function() {
          this.className=this.className.replace(" over", "");
          this.style.zIndex=0;
        }
      }
    }
  }
}

function showRelevantArticle(obj) {
  
  objclass = obj.className;
  
  if(objclass.indexOf("activeArticle") >= 0) {
    
    return; 
  }
  else {
    
    //get <a> with class article activeArticle and set class to article  
    as = document.getElementsByTagName('a');
    
    for (var i=0; i<as.length; i++) {
      
      if (as[i].className.indexOf('activeArticle') >= 0) {
       
        as[i].className = 'article';
      }
    }
  }
  
  obj.className = 'article activeArticle';
  
  return;
}

function init() {
  attachExternals();
  startList('navbar');
}

window.onresize = init;