window.addEvent('domready', function() {
  var kwicks = $$('#kwick .kwick');
  var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
  kwicks.each(function(kwick, i){
    kwick.addEvent('mouseenter', function(e){
      var obj = {};
      obj[i] = {
        'width': [kwick.getStyle('width').toInt(), 400]
      };
      kwicks.each(function(other, j){
        if (other != kwick){
          var w = other.getStyle('width').toInt();
          if (w != 125) obj[j] = {'width': [w, 125]};
        }
      });
      fx.start(obj);
    });
  });
  
  $('kwick').addEvent('mouseleave', function(e){
    var obj = {};
    kwicks.each(function(other, j){
      obj[j] = {'width': [other.getStyle('width').toInt(), 200]};
    });
    fx.start(obj);
  });
});
/// section menu///
window.addEvent('domready', function() {

  var accordion = new Accordion('a.menuitem', 'ul.submenu', {
    opacity: false,
    onActive: function(toggler, element){
      toggler.addClass('current');
      element.addClass('current');
    },
    onBackground: function(toggler, element){
      toggler.removeClass('current');
      element.removeClass('current');
    }
  }, $('section-menu'));

});
/////// article///
// JavaScript Document
window.addEvent('domready', function() {
  // Toggle Articles
  var articles = new Fx.Slide('articles');
  $('toggle-articles').addEvent('click', function(e) {
    e = new Event(e);
      articles.toggle();
    if ($('toggle-articles').hasClass('hidden')){
      $('toggle-articles').removeClass('hidden').addClass('visible');
    }
    else {
      $('toggle-articles').removeClass('visible').addClass('hidden');
    }
    e.stop(); 
  });
});