Cufon.replace('#topnavi a, #italia-navi a', {hover: true});
Cufon.replace('.sidenavi a', {hover: true});
Cufon.replace('.sidebar-column h4, .product h4', {hover: true});


window.addEvent('domready', function() {
  $$('.content-left, .content-right').each(function(column) {
    var first = column.getElement('*');
    if(first) {
      first.addClass('first-in-slot');
    }
  });
  
  var karuselli = $$('#teaser img.image');
  var karuselli_i = 0;
  var karuselli_lis = false;
  var timer = false;
  
  if(karuselli.length > 0) {
    var timer_f = (function() {
      karuselli.fade('out');
      karuselli[++karuselli_i % karuselli.length].fade('in');
      
      karuselli_lis.removeClass('selected');
      karuselli_lis[karuselli_i % karuselli.length].addClass('selected');
      
      if(!timer) {
        timer = timer_f.periodical(5000);
      }
    });
    
    timer = timer_f.periodical(5000);
    
    karuselli.setStyle('opacity', 0).set('tween', {duration: 1000});
    karuselli[0].setStyle('opacity', 1);
    
    var ul = new Element('ul').inject('teaser');
    
    karuselli.each(function(li, i) {
      var li = new Element('li', {text: i+1}).inject(ul);
      
      li.addEvent('click', function() {
        $clear(timer);
        timer = false;
        
        karuselli_i = i-1;
        timer_f();
      });
    });
    
    karuselli_lis = ul.getElements('li');
    karuselli_lis[0].addClass('selected');
  }

  $$('.toggle-container').each(function(container) {
    var hiddens = container.getElements('.hidden')
    
    var as = container.getElements('.toggle-next');
    as.addEvent('click', function() {
      as.removeClass('toggled');
      this.addClass('toggled');

      hiddens.addClass('hidden');
      this.getNext().removeClass('hidden');
    });
  });
});