// Webcarnews.com - Scripts pour la home
// (k) Radis au Curry 2009

// Dépend de Mootools 1.2, TabSwapper, Slider

window.addEvent('domready', function() {
  // Onglets pour les articles - Unobstrusive JavaScript of to be it is not of
  // Exemple: http://www.clientcide.com/wiki/cnet-libraries/08-layout/05-tabswapper#tabswapper
  // Docs: http://www.clientcide.com/docs/Layout/TabSwapper
  for (i = 0; i < 3; i++) {
    new TabSwapper({
      selectedClass: 'selected', deselectedClass: '', mouseoverClass: '',
      rearrangeDOM: false,
      tabs: $$('#box'+i+' ul.tabs li'),
      clickers: $$('#box'+i+' ul.tabs li b'),
      sections: $$('#box'+i+' .box-content .tab-content'),
      cookieName: 'wcn_box'+i
    });
  }
  new TabSwapper({
    selectedClass: 'selected', deselectedClass: '', mouseoverClass: '',
    rearrangeDOM: false,
    tabs: $$('#videos ul.tabs li'),
    clickers: $$('#videos ul.tabs li b'),
    sections: $$('#videos .box-content .tab-content'),
    cookieName: 'wcn_box_video'
  });
  // Carrousel
  if (carousel && carousel_images) {
    var slider;
    var oImg   = $$('#carousel img')[0];
    var oTheme = $$('#carousel strong')[0];
    /*
    var oDate  = $$('#carousel em')[0];
    var oTitle = $$('#carousel h2')[0];
    */
    var oText  = $$('#carousel p')[0];
    var oLink  = $$('#carousel a.more')[0];
    var oLink2 = $$('#carousel a.more.red')[0];
    var oN     = $('carousel-n');
    slider = new Slider(oImg, {
      images: carousel_images,
      transition: Fx.Transitions.Expo.easeInOut, 
      interval: 4000,
      duration: 300,
      onComplete: function() {
        var o = carousel[this.current];
        oTheme.set('text', o.theme);
        /*
        oDate.set('text', '[17/12/2008]');
        oTitle.set('text', 'Titre '+this.current);
        */
        // WORKAROUND: ie rajoute des marges à la con si on change leur contenu {{{
        var oDate  = $$('#carousel em')[0];
        var oTitle = $$('#carousel h2')[0];
        (new Element('em', {text:o.date})).replaces(oDate);
        (new Element('h2', {text:o.title})).replaces(oTitle);
        // }}}
        oText.set('text', o.text);
        oLink.set('href', o.url);
        oLink2.set('href', urls_theme[o.id_theme]);
        oN.set('text', (this.current+1)+'/'+carousel_images.length);
      }
    });
    $('carousel-right').addEvent('click', function() { slider.toRight(); slider.pause(); return false; });
    $('carousel-left').addEvent('click', function() { slider.toLeft(); slider.pause(); return false; });
    var o = $('carousel');
    o.addEvent('mouseover', function() { if (slider._play) slider.pause(); });
    o.addEvent('mouseleave', function() { if (slider._play) slider.play(); });
    $$('#carousel .photo')[0].addEvent('click', function() { location.href = carousel[this.current].url; }.bind(slider));
  }
});