// The functions in this file use the mootools framework (see mootools.js)

window.addEvent('domready', function() {
  setSelected( '#top-menu li' );
  fade.periodical(6000);
});


// fadeout effect
function fade() {
  var len = $$('div.newsblock').length;
  $$('div.newsblock').each(function(el, i){
    if ( el.hasClass('sel') ){
      var myEffects = new Fx.Styles(el, {wait: false, duration: 4500, transition: Fx.Transitions.Expo.easeIn, onComplete: function(){el.removeClass('sel'); $$('div.newsblock')[(i + 1) % len].addClass('sel'); }});
      myEffects.start({'opacity': [1,0]});
    }
  });
}

// Set the class 'selected' on mouseover and remove on mouseout
function setSelected( selector ){
	$$(selector).each(function(item){
      item.addEvents({
        'mouseover': function() {
          item.addClass('selected');
        },
        'mouseout': function() {
          item.removeClass('selected');
        }
      });
  });
}

function toggleDisplay( id ){
  $(id).toggleClass('none');
}