//
// accordeon relie aux onglets des description des voitures
//

window.addEvent('domready', function()
{
  var opener = $$('#matches div.button a');
  var opened = $$('#matches div.more-details').setStyle('visibility','visible');
  
  if((opened.length > 1) || ($$('body.home').length))
  {
    opener.each
    (
    function(el,i)
    {
      var target = opened[i];
      
      var targetH = target.getCoordinates().height;
      var targetPt = target.getStyle('padding-top');
      var targetPb = target.getStyle('padding-bottom');
      var targetMt = target.getStyle('margin-top');
      var targetMb = target.getStyle('margin-bottom');
      
      var targetFx = new Fx.Morph
      (
      target,
      {
        'link': 'cancel',
        'transition': Fx.Transitions.Expo.easeOut
      }
      )
      .set('.reduit');
      
      el.addEvent
      (
      'click', function(e)
      {  
        new Event(e).stop();
        
        if( !el.hasClass('selected') )
        {          
        targetFx.start
        ({
          'padding-top': targetPt,
          'padding-bottom': targetPb,
          'margin-top': targetMt,
          'margin-bottom': targetMb,
          'height': targetH
          
        })
        }
        else
        {
        targetFx.start('.reduit');
        }
        
        el.toggleClass('selected');
      }
      );
      
    }
    );
  }
  else
  {
    opener.getParent().setStyle('visibility','hidden');
  }
});


// roll over sous onglets de recherche
window.addEvent('domready', function()
{
  var onglets = $$('#search div.tabs li a');
  
  onglets.each
  (
    function(elem,i)
    {      
      var ongletsFX = new Fx.Morph
      (
        elem,
        {
          'link': 'cancel',
          'transition': Fx.Transitions.Expo.easeOut
        }
      )
      
      if( !elem.hasClass('select') && ($$('#search div.tabs li a.select').length > 0 ) )
      {      
        elem.addEvent
        (
          'mouseenter', function(e)
          {      
            ongletsFX.start
            ({
              'opacity': 1
                  
            })
          }
        );
        
        elem.addEvent
        (
          'mouseleave', function(e)
          {
            ongletsFX.start
            ({
              'opacity': 0.7
                  
            })
          }
        );
      
        elem.addClass('transparency');
      }
      else
      {
        elem.set
        ({
           'opacity': 1
         });
      }
      
    }
  );
  
});


// Add favorites
window.addEvent('domready', function()
{
  if($$('a.addfavorites').length)
  {
    $$('a.addfavorites').each(function(el,i)
    {      
      var title = document.title;
      var url = window.location.href;
      
      el.href = "javascript:void(0);";
            
      el.addEvent('click', function(e)
      {        
        new Event(e).stop();
                
        if (window.sidebar) // firefox
        {
          window.sidebar.addPanel(title, url, "");
        }
        else if(window.opera && window.print) // opera
        {
          var elem = document.createElement('a');
          elem.setAttribute('href',url);
          elem.setAttribute('title',title);
          elem.setAttribute('rel','sidebar');
          elem.click();
        } 
        else if(document.all) // ie
        {
          window.external.AddFavorite(url, title);
        }
        else
        {
          alert('Votre navigateur ne supporte pas cette fonction');
        }
                    
      });
    });
  }
});

// Print page
window.addEvent('domready', function()
{
    if($$('a.printpage').length)
    {
        $$('a.printpage').each(function(el,i)
        {            
            el.addEvent('click', function(e)
            {        
                new Event(e).stop();                
                window.print();
                    
            });
        });
    }
});

// Link Send Friend (page variable)
window.addEvent('domready', function()
{
  if($$('a.sendfriend').length)
  {
    $$('a.sendfriend').each(function(el)
    {
      el.href += "?page="+location.href;
    });
  }
});

// Selected sur les onglets de vehicules
window.addEvent('domready', function()
{

  // prechargement Images
  var items = ['template/fca/img/encarts/encart_discount.jpg', 'template/fca/img/encarts/encart_neuf.jpg','template/fca/img/encarts/encart_occasion.jpg','template/fca/img/encarts/encart_vente.jpg'];
  
  items.each
  (
    function(src)
    {
      new Asset.image(src);
    }
  );

  $$('#onglets-vehicules li a').each
  (
    function(el)
    {
      var path = document.location.protocol+'//'+document.location.hostname+document.location.pathname;
      
      var menuclass;
      
      if (path == el.href)
      {
        el.addClass('selected');
      }
      el.addEvent('mouseenter', function()
      {
        menuclass = el.getParent().get('class');
        $('corps').addClass(menuclass);
      });
      el.addEvent('mouseleave', function()
      {
        menuclass = el.getParent().get('class');
        $('corps').removeClass(menuclass);
      });
    }
  );
});

// liens liste deroulante
window.addEvent('domready', function()
{
  /*if(!window.location.search.match(/first_hand=(\d+)/))
  {
    $('recherche-multi').destroy();
  }*/
  
  //console.log(window.location.search.match(/first_hand=(\d+)/));
  
  if($$('#recherche-multi select').length)
  {
    //var neufoccaz = new Array('new=0','');

    //if(window.location.search) neufoccaz = window.location.search.match(/new=(\d+)/);

    //var mapage = document.location.protocol+'//'+document.location.hostname+document.location.pathname+'?'+neufoccaz[0];
    var mapage = document.location.protocol+'//'+document.location.hostname+document.location.pathname;
        
    var selectfield = $$('#recherche-multi select')[0];
        
    selectfield.addEvent('change', function()
    {
      document.location.href = mapage+'?'+classif+'&brand='+selectfield.options[selectfield.selectedIndex].value;
    });
  }
});

// imprimer une fiche
window.addEvent('domready', function()
{
  if($$('p.print a').length)
  {
    var ficheitem1 = $$('div.fonditem');
    var ficheitem2 = $$('div.more-details');
    
    $$('p.print a').each(function(el, i)
    {
      el.addEvent('mouseenter', function()
      {
        ficheitem1.addClass('noprint');
        ficheitem2.addClass('noprint');
        ficheitem1[i].removeClass('noprint');
        ficheitem2[i].removeClass('noprint');
      });
      el.addEvent('focus', function()
      {
        el.fireEvent('mouseenter');
      });
      el.addEvent('blur', function()
      {
        el.fireEvent('mouseenter');
      });
      
      el.addEvent('mouseleave', function()
      {
        ficheitem1.removeClass('noprint');
        ficheitem2.removeClass('noprint');
      });
      
      el.addEvent('click', function(e)
      {
        e.stop();
        window.print();
      });
    });
  }
});


// ajout des div dans div.fondbloc
window.addEvent('domready', function()
{
    if(($$('div.fondbloc').length) && ($$('div.basbloc').length == 0))
    {
        $$('div.fondbloc').each(function(el,i)
        {       

      var basBloc =  new Element('div',{'class':'basbloc'});
      
      var Bloc = new Element('div',{'class':'bloc'}).set('html', el.innerHTML).inject(basBloc);
      
      el.set('html', '');
      
      basBloc.inject(el);
      
        });
    }
});

// FAQ
window.addEvent
(
   'domready', function()
  {    
    if($('faq'))
    {
      var monFaq = $('faq');
      
      monFaq.getElements('div.answer').each(function(elem, i)
      {
          var hauteur = elem.getSize().y;
          //console.log(hauteur);
          
          var reponseFx = new Fx.Morph(elem, {duration:200, wait:false,transition: 'sine:in:out'})
          .set({
              height: 0
          });
          var monTitre = $$('#faq h4.question');
          
          monTitre[i].addEvent('click', function()
          {
            if(!elem.hasClass('opened'))
            {
              reponseFx.start
              ({
                'height': hauteur
              });
              elem.addClass('opened');
              monTitre[i].addClass('opened');
            }
            else
            {
              reponseFx.start
              ({
                'height': 0
              });
              elem.removeClass('opened');
              monTitre[i].removeClass('opened');
            }
          });
          
      });
    }
  }
);