// FONCTION NAV
var sensenav = 0;
var oldBtn;

window.addEvent('load', function() {
  $$('.folderCorners').setStyle('display','none');
});

function menu(el,sensenav){
  ToTop();
  oldBtn = 0;
	
  // Nouvel élément
  $$('.panel-block').setStyle('display','none');
  newId = String(el.id).replace('btn-','');
  newLayer = 'panel-'+newId;
  newBtn = 'btn-'+newId;
	
  $(newLayer).setStyle('display','block');
  navWrapFx = new Fx.Tween('navWrap');
  navWrapFx.addEvent('complete', function() {
    if (sensenav == 1)	{
      sensenav = 0;
    } else {
      sensenav = 1;
    }
  });
	
  layerFxNew = new Fx.Tween(newLayer);
  layerSize = $(newLayer).getStyle('height');
	
  var checkBtns = $$('.btn');
  for(i=0; i<checkBtns.length; i++){
    if(checkBtns[i].hasClass('on')){
			
      // Elements précédents
      oldId = String(checkBtns[i].id).replace('btn-','');
      oldLayer = 'panel-'+oldId;
      oldBtn = 'btn-'+oldId;
      layerFxOld = new Fx.Tween(oldLayer);
      $(oldBtn).removeClass('on');
    }
  }
	
  // Si je clique sur le même bouton
  if(oldBtn == el.id){
    if(sensenav == 1){
      navWrapFx.cancel();
      navWrapFx.start('height',layerSize+'px');
      $(oldBtn).addClass('on');
			
    }else{
      navWrapFx.cancel();
      navWrapFx.start('height',0);
    }
    setTimeout ( "$$('.folderCorners').setStyle('display','none');", 100 );
    //setTimeout ( "document.getElementById('folderCorners').style.display = 'none';", 100 );
  // Si je clique sur un autre bouton
  }else{
    //alert('je switch le contenu');
    if(sensenav == 1){
      navWrapFx.start('height',layerSize);
      layerFxNew.start('opacity',1);
      $(newLayer).setStyle('visibility','visible');

    }else{
      navWrapFx.start('height',layerSize);
      layerFxNew.start('opacity',1);
    }
		
    el.addClass('on');
    setTimeout ( "$$('.folderCorners').setStyle('display','block');", 500 );
    //setTimeout ( "document.getElementById('folderCorners').style.display = 'block';", 500 );
  }
}	

// FAQ ONCHANGE SELECT
function Onchangeselectbox(id, productid){
  // Module FAQ
  Ext.Ajax.request( {
    url: '/faq/product/id/' + productid,
    method: 'GET',
    params: { },
    success: function( result ) {
                
      Ext.get(id).update(result.responseText);
                    
      Ext.get(id).setStyle('display', 'block');
    }
  } );
}

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

  // NAV
  $$('.btn').each(function(el){
    el.addEvent('click', function()
    {
      menu(this,sensenav);
    });
  });
									 
  // BTN fermer nav
  $$('.panelClose').addEvent('click', function(el){
    navWrapFx.start('height',0);
    $(newBtn).removeClass('on');
  });
	
  // Accordeon Drop Produits
  var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'ul.element', {
    opacity: false,
    display:0,
    onActive: function(toggler, element)
    {
      $$('ul.element')[0].setStyle('height', '45px');
      toggler.removeClass('accordOpen');
      toggler.addClass('accordClose');

      if(toggler == $$('h3.toggler')[3])
      {
        $('navWrap').setStyle('height','780px');
      }else if(toggler == $$('h3.toggler')[1]){
        $('navWrap').setStyle('height','260px');
      }else if(toggler == $$('h3.toggler')[2]){
        $('navWrap').setStyle('height','364px');
      }else if(toggler == $$('h3.toggler')[4]){
        $('navWrap').setStyle('height','240px');
      }
    },
    onBackground: function(toggler, element)
    {
      toggler.removeClass('accordClose');
      toggler.addClass('accordOpen');
    }
  });
	
  function f_filterResults(n_win, n_docel, n_body) {
		var n_result = n_win ? n_win : 0;
		if (n_docel && (!n_result || (n_result > n_docel)))
			n_result = n_docel;
		return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
	}

	function f_scrollTop() {
		return f_filterResults (
			window.pageYOffset ? window.pageYOffset : 0,
			document.documentElement ? document.documentElement.scrollTop : 0,
			document.body ? document.body.scrollTop : 0
		);
	}

	// tooltips
	var tooltipX;
	var tooltipY;
	$$('a.plantTooltip.linkbulle').addEvent('mouseover', function(event){
        $$('.infobulle').hide();
		var _mouseX = parseInt(event.client.x) - 250;
		var _mouseY = parseInt(event.client.y) + f_scrollTop();
		tooltipX = _mouseX;
		tooltipY = _mouseY;
        var id = this.getAttribute('rel');
		$$('#' + id + '_tooltip').setStyles({'left':_mouseX, 'top':_mouseY, 'display':'block'});
	 });

	$$('.linkbulle').addEvent('mouseout', function(event){
		var _mouseX = parseInt(event.client.x);
		var _mouseY = parseInt(event.client.y) + f_scrollTop();

		if(tooltipX > _mouseX + 10 || tooltipX + 287 < _mouseX - 10 || tooltipY > _mouseY + 10 || tooltipY + 94 < _mouseY - 10) {
			$$('.infobulle').hide();
		}

	});

	$$('.infobulle').addEvent('mouseout', function(event){
		var _mouseX = parseInt(event.client.x);
		var _mouseY = parseInt(event.client.y) + f_scrollTop();
		if(tooltipX > _mouseX + 10 || tooltipX + 287 < _mouseX - 10 || tooltipY > _mouseY + 10 || tooltipY + 94 < _mouseY - 20) {
			$$('.infobulle').hide();
		}

	});

								
});


//TICKER FOOTER

window.addEvent('domready',function(){
  var hs1 = new noobSlide({
    box: $('box'),
    items: [1,2,3,4],
    size: 450,
    autoPlay: true
  });
});

//noobSlide (rev.19-06-08)
var noobSlide = new Class({

  initialize: function(params){
    this.items = params.items;
    this.mode = params.mode || 'horizontal';
    this.modes = {
      horizontal:['left','width'],
      vertical:['top','height']
      };
    this.size = params.size || 240;
    this.box = params.box.setStyle(this.modes[this.mode][1],(this.size*this.items.length)+'px');
    this.button_event = params.button_event || 'click';
    this.handle_event = params.handle_event || 'click';
    this.onWalk = params.onWalk || null;
    this.currentIndex = null;
    this.previousIndex = null;
    this.nextIndex = null;
    this.interval = params.interval || 10000;
    this.autoPlay = params.autoPlay || false;
    this._play = null;
    this.handles = params.handles || null;
    if(this.handles){
      this.addHandleButtons(this.handles);
    }
    this.buttons = {
      previous: [],
      next: [],
      play: [],
      playback: [],
      stop: []
    };
    if(params.addButtons){
      for(var action in params.addButtons){
        this.addActionButtons(action, $type(params.addButtons[action])=='array' ? params.addButtons[action] : [params.addButtons[action]]);
      }
    }
    this.fx = new Fx.Tween(this.box,$extend((params.fxOptions||{
      duration:500,
      wait:false
    }),{
      property:this.modes[this.mode][0]
      }));
    this.walk((params.startItem||0),true,true);
  },

  addHandleButtons: function(handles){
    for(var i=0;i<handles.length;i++){
      handles[i].addEvent(this.handle_event,this.walk.bind(this,[i,true]));
    }
  },

  addActionButtons: function(action,buttons){
    for(var i=0; i<buttons.length; i++){
      switch(action){
        case 'previous':
          buttons[i].addEvent(this.button_event,this.previous.bind(this,[true]));
          break;
        case 'next':
          buttons[i].addEvent(this.button_event,this.next.bind(this,[true]));
          break;
        case 'play':
          buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'next',false]));
          break;
        case 'playback':
          buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'previous',false]));
          break;
        case 'stop':
          buttons[i].addEvent(this.button_event,this.stop.bind(this));
          break;
      }
      this.buttons[action].push(buttons[i]);
    }
  },

  previous: function(manual){
    this.walk((this.currentIndex>0 ? this.currentIndex-1 : this.items.length-1),manual);
  },

  next: function(manual){
    this.walk((this.currentIndex<this.items.length-1 ? this.currentIndex+1 : 0),manual);
  },

  play: function(interval,direction,wait){
    this.stop();
    if(!wait){
      this[direction](false);
    }
    this._play = this[direction].periodical(interval,this,[false]);
  },

  stop: function(){
    $clear(this._play);
  },

  walk: function(item,manual,noFx){
    if(item!=this.currentIndex){
      this.currentIndex=item;
      this.previousIndex = this.currentIndex + (this.currentIndex>0 ? -1 : this.items.length-1);
      this.nextIndex = this.currentIndex + (this.currentIndex<this.items.length-1 ? 1 : 1-this.items.length);
      if(manual){
        this.stop();
      }
      if(noFx){
        this.fx.cancel().set((this.size*-this.currentIndex)+'px');
      }else{
        this.fx.start(this.size*-this.currentIndex);
      }
      if(manual && this.autoPlay){
        this.play(this.interval,'next',true);
      }
      if(this.onWalk){
        this.onWalk((this.items[this.currentIndex] || null), (this.handles && this.handles[this.currentIndex] ? this.handles[this.currentIndex] : null));
      }
    }
  }
	
});

//Ext.onReady( function(){
//
//    var href = '/subscribe';
////
//      Ext.get('subscribeBtn').on('click', function() {
//
////        if (Ext.get('newsletter').getValue() != '' && Ext.get('newsletter').getValue() != 'Votre email') {
//            var x = new Ext.form.BasicForm('subscribeForm', {fileUpload:false, method:'POST'} );
//            x.submit( {url: href });
//
//
//  });
//});

function isValidEmail(values){
 // $('sendFriendErrors').setStyle('display', 'none');
$('EMAILFRIEND_INVALID').setStyle('display', 'none');
$('EMAIL_INVALID').setStyle('display', 'none');
$('EMAIL_EMPTY').setStyle('display', 'none');
 var valid = /[a-z0-9_\+-]+(\.[a-z0-9_\+-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.([a-z]{2,4})/;
 var result = true;
 if(values['email']==""){
   $('EMAIL_EMPTY').setStyle('display', 'block');
   result = false;
 }
   

 if(values['email']!="" && !valid.test(values['email'])){
   $('EMAIL_INVALID').setStyle('display', 'block');
   result = (result==false)? result : !result;
 }
   

 if(values['emailfriend1'] == "" || !valid.test(values['emailfriend1'])){
   $('EMAILFRIEND_INVALID').setStyle('display', 'block');
 result = (result==false)? result : !result;
 }
   
 
 if(values['emailfriend2'] != "" && !valid.test(values['emailfriend2'])){
   $('EMAILFRIEND_INVALID').setStyle('display', 'block');
   result = (result==false)? result : !result;
 }
 return result;

}


// SEND TO FRIEND
function sendToFriend() {

  var x = new Ext.form.BasicForm('SendmailForm', {
    fileUpload:false,
    method:'POST'
  } );
  var values = x.getValues(false);
  var res = isValidEmail(values);
  
//  $('pageContent').value = $('contentRight').innerHTML;
   if(res){
    x.submit( {
        url: '/sendtofriend/',
        success: function(form, action) {
            OpenLayer('Sendmail', 0);
           $('email').value = '';
           $('emailfriend1').value = '';
           $('emailfriend2').value = '';
           $('pageContent').value = '';
           $('UNKNOWN_ERROR').setStyle('display', 'none');
        },
        failure: function(form, action) {
            OpenLayer('Sendmail', 0);
           $('email').value = '';
           $('emailfriend1').value = '';
           $('emailfriend2').value = '';
           $('pageContent').value = '';
           $('UNKNOWN_ERROR').setStyle('display', 'none');

          //$('UNKNOWN_ERROR').setStyle('display', 'block');
        }
    });
    OpenLayer('Sendmail', 0);
  }
}