﻿// Defines the Accordion
function AccordionInit() {
  var accTitle = $$('#anchors li');
  var accContent = $$('.fragment');
  var pwAccordion = new Accordion(
    accTitle, accContent, {
      onActive: function(tog,event){
        tog.addClass('selected');
      },
      onBackground: function(tog){
        tog.removeClass('selected');
        tog.removeClass('hover');
      },
      //alwaysHide: true,
      duration: 500
    }
  );

  /* Mouse effects */
  accTitle.each(function(div) {    
    var mouseFxs = new Fx.Styles(div, {duration: 250, wait: false});
    div.addEvents({
      'mouseover': function(){
        if (!div.hasClass('selected')) {
          div.addClass('hover');
        }
      },
      'mouseout': function(){
        div.removeClass('hover');
      }
    });
  });
}

window.addEvent('domready', function(){
  AccordionInit(); 
  var menus = $$('#menu li');
  menus.each(function(el) {
    var first = el.getFirst();
    if (!first || first.getTag() != 'a') return;
    //if (first.hasClass('active')) return;
    var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
    el.addEvent('mouseover', function(){
      overfxs.start({
        'color': 'f775b2',
        'background-color': '766e6d',
        'padding-left' : '17px'
      });
    });
    el.addEvent('mouseout', function(){
      overfxs.start({
        'color': 'b0abaa',
        'background-color': '7e7675',
        'padding-left': '10px'
      });
    });
  });
});