window.addEvent('domready', function() {

  var showCotton = $$('a.openMaterials').addEvent('click', function() {
    $('materialInfos').setStyle('display', 'block').fade('in');
    $$('a.openMaterials').fade('out');
  });

  var navi = $$('ul.Categories')[0];
  
  var lis = navi.getChildren('li').each(function(li) {
    var a = li.getElement('a');
    var text = a.get('text').toLowerCase().replace(/ /g, '_');
    
    var source = 'http://www.yalo.fi/assets/images/navi/'+text;
    
    if(Browser.Engine.trident4) {
      source += '.gif';
    }
    else {
      source += '.png';
    }
    
    new Element('img', {src: source}).inject(a.empty());
    
    
    var togglespan = new Element('span').inject(li);
    var togglespan_active = new Element('span', {'class': 'active'}).inject(li);
    
    var togglespan_fx = new Fx.Morph(togglespan_active, {duration: 250});
    togglespan_fx.set({'opacity': 0});
    
    var ul = li.getElement('ul');
    
    if(ul) {
      ul.fx = new Fx.Morph(ul, {duration: 250});
      ul.fx.set({'opacity': 0});
      
      var show = function() {
        togglespan_fx.start({opacity: 1});
        ul.fx.start({opacity: 1});
      };
      
      var fade = function() {
        togglespan_fx.start({opacity: 0});
        ul.fx.start({opacity: 0});
      };
      
      togglespan.addEvent('click', show);
      togglespan_active.addEvent('click', fade);
      
      var showTimer;
      var fadeTimer;
      
      li.addEvents({
        'mouseenter': function() {
          $clear(fadeTimer);
          
          showTimer = show.delay(1000);
        },
        'mouseleave': function() {
          $clear(showTimer);
          
          fadeTimer = fade.delay(500);
        }
      });
    }
  });
  
var newsList = $$('#content.homepage .NewsList li');
  
  if(newsList.length > 0) {
    newsList.setStyle('opacity', 0);
    newsList[0].setStyle('opacity', 1);
    
    var newsListI = 0;
    
    (function() {
      newsList[newsListI++ % newsList.length].fade('out');
      newsList[newsListI % newsList.length].fade('in');
    }).periodical(5000);
  }
  
  var brands = $$('#rightColumn ul.BrandsNavigation')[0];
  var brandsWrapper = new Element('div', {id: 'BrandsWrapper'}).wraps(brands);
  var brandsH = brands.getElements('li').length * (26 + 1);
  
  brands.fx = new Fx.Morph(brands, {duration: 250});
  brands.open = false;
  
  var fadeTimer = false;
  
  brandsWrapper.addEvents({
    'click': function(e) {
      var e = new Event(e);
      
      if(e.target == brandsWrapper) {
        $clear(fadeTimer);
        
        if(!brands.open) {
          brands.fx.start({
            height: brandsH,
            opacity: 1
          });
          
          brands.open = true;
        }
        else {
          brands.fx.start({
            height: 0,
            opacity: 0
          });
          
          brands.open = false;
        }
      }
    },
    'mouseenter': function() {
      $clear(fadeTimer);
    },
    'mouseleave': function() {
      fadeTimer = (function() {
        brands.fx.start({
          height: 0,
          opacity: 0
        });
        
        brands.open = false;
      }).delay(333);
    }
  });
});