/*  =CONSTANTES
----------------------------------------------------------------------------- */
var d = document;
var w = window;
uad = {};

/*  =WINDOW.ONLOAD
----------------------------------------------------------------------------- */
Event.observe(window, 'load', function(){
    uad.load();
});

uad.load = function () {
    // Call Functions
    uad.mktags();
    uad.selectors();
    uad.customize();
    uad.mainNav();
    uad.ssNav(); 
    uad.panier();
    uad.ongletsProduits();
    uad.getS7();
    uad.getS7fromFleche();
    uad.multiview(); 
    uad.isAmbZoomDim();
    uad.toShow();
    //uad.gaTrackEvent();
    uad.popup();
    //uad.popupAddPanier();
    //uad.popupEditPanier();
    uad.slideCarousel();
    uad.b2bForm();
}


/*  =UTILITIES
----------------------------------------------------------------------------- */
var log = function(x) {
    if (typeof console != 'undefined') {
        console.log(x);
    }
};

var updateS7 = function(url) {
    var res = UAD.Perso.changeUrlParam(url, 'wid', 700);
    $('image-original').update('<img alt=""  src="' + res +'" id="s7-image" class="s7-image" style="width: 480px;">');
};

var updateCorner = function() {
    var elt = $($('customizations').readAttribute('data-thumb'));
    updateS7(elt.src);
    $$('.customiser-thumbs').each(function(n) {n.removeClassName("selected")});
    $$('.packs').each(function(n) {n.style.borderColor = '#d4d4d6 !important';});
    $(elt.id).up('li').addClassName("selected");
    /*
    var isPackSelected = $$("li.customiser-thumbs.selected").each(function(n){ 
      isPackSelected = n.down().hasClassName("packs"); 
      if(isPackSelected == true) { n.style.borderColor = '#F7922A'; } 
      else { n.style.borderColor = '#d4d4d6'; }
    });
    */
}

var updateBlock = function(template,container) {
    Kwo.exec(template, null, {
    'container':container
    });
}

var duplicateview  = function(number){
  if(number==0) {
      if ($$('.s7-image').length == 2) {
        $$('.s7-image').first().remove();
      }
      if ($$('.s7-image').length == 4) {
        $$('.s7-image').first().remove();
        $$('.s7-image').first().remove();
        $$('.s7-image').first().remove();
      }
      $('image-original').setStyle({
        padding:"0", display:"block", overflow:"hidden"
      });
      $('s7-image').setStyle({width:"480px"})
  }
  if(number==2) {
    if ($$('.s7-image').length != 2) {
      $('image-original').setStyle({
        padding:"122px 0 123px", display:"block", overflow:"hidden"
      });
      $('s7-image').addClassName("fl");
      $('s7-image').setStyle({width:"235px"});
      var y = $('image-original').innerHTML;
      $('image-original').update(y + y);
    }
  }
  if(number==4) {
    if ($$('.s7-image').length != 4) {
      $('image-original').setStyle({
        padding:"10px 0", display:"block", overflow:"hidden"
      });
      $('s7-image').addClassName("fl");
      $('s7-image').setStyle({width:"235px"});
      var x = $('image-original').innerHTML;
      $('image-original').update(x + x + x + x);
    }
  }
};

var updateFiche = function(res) {
  var id = $('customizations').readAttribute('data-produit-id');
  var root = $('customizations').readAttribute('data-root');
  var path = $('customizations').readAttribute('data-path');
  var corner = $('customizations').readAttribute('data-corner');
  var has360 = $('customizations').readAttribute('data-has360');
  var hasPack = $('customizations').readAttribute('data-hasPack');
  var purchase_id = $('customizations').readAttribute('data-purchase_id');
  var full_static = $('customizations').readAttribute('data-full_static');
  var corner_page = $('customizations').readAttribute('data-corner_page');
  var corner_zoom = $('customizations').readAttribute('data-corner_zoom');
  var corner_amb = $('customizations').readAttribute('data-corner_amb');
  var corner_dim = $('customizations').readAttribute('data-corner_dim');
  $('customizations').value = res["result"]["customizations_output"];
  //if ( history.pushState ) history.pushState( {}, document.title, location.pathname+'?mpn='+res["result"]["mpn"] );
  log(res["result"]["mpn"]);
  UAD.Perso.updateImage(res["result"]["image_url"], res["result"]["image_url_thumb"]);

  $$('.current-price').each(function(n) {
    var current_price = res["result"]["prix_total"];
    var price = current_price.split(',');
    if(price[1]) { n.update(price[0] + "<span>," + price[1] +"</span>€"); }
    else { n.update(price[0] + "€"); } 
  });
  $$('.old-prices').each(function(n) {
    n.update("Au lieu de " + res["result"]["prix_shop"]+"€ (prix revendeur conseillé)");
  });
  $$('.3x').each(function(n) {
    n.update("ou 3x " + res["result"]["prix_3x"]+ '€ (<a href="#" class="alt color4">voir conditions</a>)');
  });
  $$('.pack-prices').each(function(n) {
    if(res["result"]["is_pack"]==1) n.update("<small>" + res["result"]["prix_pack"]+"€");
    else n.update("" + res["result"]["prix_barre"]+"€</small>");
  });

  if (res["result"]["prix_barre"] != 0) {
    $$('.barre').each(function(n) {
      n.update(res["result"]["prix_barre"]+"€");
    });
  }

  if (full_static == false) {
    if ($('personnaliser')!= undefined) {
      $('personnaliser').update(res["result"]["block_pdt_customiser"]);
      uad.gaTracker($('personnaliser').select('.gaTrackEvent'));
    }
  }

  $('customizer').update(res["result"]["block_customiser"]);
  uad.gaTracker($('customizer').select('.gaTrackEvent'));
  
  UAD.Perso.bookmarkMPN(res["result"]["bookmark_mpn"]);
  UAD.Perso.printMPN(res["result"]["mpn"]);
  UAD.Perso.shareMPN(res["result"]["mpn"]);

  if(has360 != 0) {
    $('tab1-2').update(res["result"]["block_360"]);
  }

  $('customizations').setAttribute('data-mpn',res['result']['mpn']);
  $$('.popup-AddPanier').each(function(n) {
    Event.observe(n, 'click', function(e){
      n.setAttribute('data-produit_key',res['result']['produit_key']);
    });
  });

  if (purchase_id > 0) {
    uad.popupEditPanier();
  } else {
    uad.popupAddPanier();
  }
  updateCorner();
  uad.selectors();
  uad.customize();
  uad.getS7();
  uad.toShow();
  uad.slideCarousel();
  uad.popup();
  uad.isAmbZoomDim();

  if (corner_amb > 0) {
    $('tab1-1').addClassName('full-image-amb-zoom-dim');
    UAD.Perso.ambiance = true;
  }
  else if (corner_zoom > 0 ) {
    $('tab1-1').addClassName('full-image-amb-zoom-dim');
  }
  else if (corner_dim > 0 ) {
    $('tab1-1').addClassName('full-image-amb-zoom-dim');
  }
  else {
    $('tab1-1').removeClassName('full-image-amb-zoom-dim');
    if (res["result"]["item_count"] == 1) {
      $$('.s7-image').each(function(n) {
        n.style.width = '480px';
      });
    }
  }
  
  var isDuplicate = $$("li.customiser-thumbs.selected").each(function(n){ 
    isDuplicate = n.down().hasClassName("no-duplicateview"); 
    if(isDuplicate == true) { duplicateview(0); }    
  });
  var isDuplicate2 = $$("li.customiser-thumbs.selected").each(function(n){ 
    isDuplicate2 = n.down().down().hasClassName("duplicateview2"); 
    if(isDuplicate2 == true) { duplicateview(2); }    
  });
  var isDuplicate4 = $$("li.customiser-thumbs.selected").each(function(n){ 
    isDuplicate4 = n.down().down().hasClassName("duplicateview4"); 
    if(isDuplicate4 == true) { duplicateview(4); }    
  });
  
  uad.multiview(); 
};

var updatePath = function(root, path) {
  var id = $('customizations').readAttribute('data-produit-id');
  var corner = $('customizations').readAttribute('data-corner');
  var has360 = $('customizations').readAttribute('data-has360');
  var hasPack = $('customizations').readAttribute('data-hasPack');
  var purchase_id = $('customizations').readAttribute('data-purchase_id');
  var full_static = $('customizations').readAttribute('data-full_static');
  var corner_page = $('customizations').readAttribute('data-corner_page');
  var corner_zoom = $('customizations').readAttribute('data-corner_zoom');
  var corner_amb = $('customizations').readAttribute('data-corner_amb');
  var corner_dim = $('customizations').readAttribute('data-corner_dim');
  Kwo.exec("/service.s7", {
    'id':id,
    'root':root,
    'path':path,
    'corner':corner,
    'has360':has360,
    'hasPack':hasPack,
    'customizations':$('customizations').value,
    'corner_page':corner_page,
    'corner_zoom':corner_zoom,
    'corner_amb':corner_amb,
    'corner_dim':corner_dim
  }, {'callback':updateFiche});
};

var updateMPN = function() {
  var id = $('customizations').readAttribute('data-produit-id');
  var mpn = $('customizations').readAttribute('data-mpn');
  var corner = $('customizations').readAttribute('data-corner');
  var has360 = $('customizations').readAttribute('data-has360');
  var hasPack = $('customizations').readAttribute('data-hasPack');
  var purchase_id = $('customizations').readAttribute('data-purchase_id');
  var full_static = $('customizations').readAttribute('data-full_static');
  var corner_page = $('customizations').readAttribute('data-corner_page');
  var corner_zoom = $('customizations').readAttribute('data-corner_zoom');
  var corner_amb = $('customizations').readAttribute('data-corner_amb');
  var corner_dim = $('customizations').readAttribute('data-corner_dim');
  Kwo.exec("/service.s7", {
    'id':id,
    'mpn':mpn,
    'corner':corner,
    'has360':has360,
    'hasPack':hasPack,
    'customizations':$('customizations').value,
    'corner_page':corner_page,
    'corner_zoom':corner_zoom,
    'corner_amb':corner_amb,
    'corner_dim':corner_dim
  }, {'callback':updateFiche});
};

var threesixty = function(arr) {
  clics = 11;
  arr.reverse();
  var imgArr = [];
  for(var x=0; x<arr.length; x++) $('cadre-360').update('<img id="s7-360" src="'+arr[x]+'">');
  for(var y=0; y<arr.length; y++) imgArr.push(arr[y]);
  imgArr.push(arr[0]);
  var pic = $('s7-360');

  $('tab1-2').observe('mousemove', function (event) {
    var position_of_div = $(this).cumulativeOffset();
    if(window.event)
        event = window.event; //grrr IE
      var mouseX = event.clientX - position_of_div[0];
      
      if(mouseX < 38) {
        pic.writeAttribute("src",imgArr[5]);
      }
      if((mouseX > 38) && (mouseX < 76)) {
        pic.writeAttribute("src",imgArr[4]);
      }
      if((mouseX > 76) && (mouseX < 114)) {
        pic.writeAttribute("src",imgArr[3]);
      }
      if((mouseX > 114) && (mouseX < 152)) {
        pic.writeAttribute("src",imgArr[2]);
      }
      if((mouseX > 152) && (mouseX < 190)) {
        pic.writeAttribute("src",imgArr[1]);
      }
      if((mouseX > 190) && (mouseX < 228)) {
        pic.writeAttribute("src",imgArr[0]);
      }
      if((mouseX > 228) && (mouseX < 266)) {
        pic.writeAttribute("src",imgArr[11]);
      }
      if((mouseX > 266) && (mouseX < 304)) {
        pic.writeAttribute("src",imgArr[10]);
      }
      if((mouseX > 304) && (mouseX < 342)) {
        pic.writeAttribute("src",imgArr[9]);
      }
      if((mouseX > 342) && (mouseX < 380)) {
        pic.writeAttribute("src",imgArr[8]);
      }
      if((mouseX > 380) && (mouseX < 418)) {
        pic.writeAttribute("src",imgArr[7]);
      }
      if((mouseX > 418) && (mouseX < 456)) {
        pic.writeAttribute("src",imgArr[6]);
      }
      if((mouseX > 456) && (mouseX < 500)) {
        pic.writeAttribute("src",imgArr[5]);
      }
  });
 
  Event.observe('left360', 'click', function() {
    if(clics==11){clics = -1;}
    if(clics<11){clics++;}
    else {clics = 0;}
    pic.writeAttribute("src",imgArr[clics]);
  });

  Event.observe('right360', 'click', function() {
    if(clics<=0){clics = 11;}
    else {clics = clics-1;}
    pic.writeAttribute("src",imgArr[clics]);
  });
}

uad.mktags = function(){
  $$('.asynctag').each(function(n) {
       Kwo.exec("/tracker/tags", 
                {'zone':n.readAttribute('data-zone'),'value':n.readAttribute('data-value')},
                {'callback':function(res){n.innerHTML=res["result"]["tags"];}});
  });
}

uad.toShow = function() {
  $$('.toShow').each(function(n) {
      n.removeClassName("toShow");
  });
}

uad.gaTracker = function (res) {
  res.each(function(n) {
    //Element.getStorage(n).get('prototype_event_registry').get('click')
    Event.observe(n, 'click', function(e){
      var GAclass = n.readAttribute('data-gaq-value');
      var GAvalue = GAclass.split('-');
      if(GAvalue[3]!=undefined) {
        //alert("_gaq.push " + GAvalue[0] + " " + GAvalue[1] + " " + GAvalue[2] + " " + GAvalue[3]);
         _gaq.push(['_trackEvent',GAvalue[0],GAvalue[1],GAvalue[2],GAvalue[3]]);
      }
      else if(GAvalue[2]==undefined) {
        //alert("_gaq.push " + GAvalue[0] + " " + GAvalue[1]);
        _gaq.push(['_trackEvent',GAvalue[0],GAvalue[1]]);
      }
      else {
        //alert("_gaq.push " + GAvalue[0] + " " + GAvalue[1] + " " + GAvalue[2]);
        //_gaq.push(['_trackEvent',GAvalue[0],GAvalue[1],GAvalue[2]]);
      }
    });
  });
}

uad.gaPageViewTracker = function (res) {
  res.each(function(n) {
    Event.observe(n, 'click', function(e){
      e.preventDefault();
      var height = n.readAttribute('data-popup-height');
      var width = n.readAttribute('data-popup-width');
      new Kwo.Dialog(n, {},{'height':height,'width':width});
      var GAvalue = n.readAttribute('data-gaq-value-popup');
      //alert("_gaq.push track " + GAvalue);
      _gaq.push(['_trackPageview', "'" + window.location.pathname + '?ga_layer=' + GAvalue + "'"]);
      });
  });
}

uad.right = function(name, nbre_cells,plus,fleche) {
  var right_pos = parseInt($(name).getStyle('left'));
  if (!right_pos) {right_pos = 0;}
  if (!plus) {plus = 5;}
  var cell_width = parseInt($(name).childNodes[1].getStyle('width').replace("px", ""))+plus;
  var right_pos_limit = ($(name).childElements().length-nbre_cells-1) * cell_width * -1;
  if(right_pos > right_pos_limit) {
    if(fleche) {$(fleche).setStyle({display: "none"});}
    new Effect.Move(name, {
      x:0 - cell_width*nbre_cells,
      y:0,
      duration:0.8,
      afterFinish: function(){
        if(fleche) {$(fleche).setStyle({display: "block"});}
        if($(name).getStyle('left')=='-400px') {$(name).setStyle({left: "-392px"});}
      }
    });
  }
}

uad.left = function(name, nbre_cells,plus,fleche) {
    if (!plus) {plus = 5;}
    var left_pos = parseInt($(name).getStyle('left'));
    var cell_width = parseInt($(name).childNodes[1].getStyle('width').replace("px", ""))+plus;
    if(left_pos < UAD.Carousel.left_pos_limit) {
      if(fleche) {$(fleche).setStyle({display: "none"});}
      new Effect.Move(name, {
        x:UAD.Carousel.left_pos_limit + cell_width*nbre_cells,
        y:0,
        duration:0.8,
        afterFinish: function(){
          if(fleche) {$(fleche).setStyle({display: "block"});}
          if($(name).getStyle('left')=='8px') {$(name).setStyle({left: "0px"});}
        }
      });
    }
  }












/*  =OBSERVERS
----------------------------------------------------------------------------- */
uad.slideCarousel = function () {
  $$('.previous-carousel').each(function(n) {
    Event.observe(n, 'click', function(e){
       var carousel_id = n.readAttribute('data-carousel');
       var nb_cells = n.readAttribute('data-nb-cells');
       var marge = n.readAttribute('data-marge');
       var id = this.id;
       uad.left(carousel_id,nb_cells,parseInt(marge),id);
    });
  });
  $$('.next-carousel').each(function(n) {
    Event.observe(n, 'click', function(e){
       var carousel_id = n.readAttribute('data-carousel');
       var nb_cells = n.readAttribute('data-nb-cells');
       var marge = n.readAttribute('data-marge');
       var id = this.id;
       uad.right(carousel_id,nb_cells,parseInt(marge),id);
    });
  });
}

uad.gaTrackEvent = function() {
  uad.gaTracker($$('.gaTrackEvent'));
}

uad.popup = function() {
  uad.gaPageViewTracker($$('.dialog,.gaTrackPageview'));
}

uad.popupAddPanier = function() {
  $$('.popup-AddPanier').each(function(n) {
    Event.stopObserving(n, 'click');
    Event.observe(n, 'click', function(e){
      e.preventDefault();
      var produit_key = n.readAttribute('data-produit-key');
      var height = n.readAttribute('data-popup-height');
      var mpn = $('customizations').readAttribute('data-mpn');
      //_gaq.push(['_trackPageview', "'" + window.location.pathname + '?ga_layer=ajout_panier']);

      var GAclass = n.readAttribute('data-gaq-value');
      var GAvalue = GAclass.split('-');
      //_gaq.push(['_trackEvent',GAvalue[0],GAvalue[1]]);

      if ($('quantiteCount') == null) {
          var quantiteCount = 1;
      } else {
          var quantiteCount = $('quantiteCount').value;
      }
      UAD.Panier.addAchat(produit_key, quantiteCount, mpn,null,height);
      });
  });
}

uad.popupEditPanier = function() {
  $$('.popup-EditEPanier').each(function(n) {
    Event.observe(n, 'click', function(e){
      e.preventDefault();
      var purchase_id = n.readAttribute('data-purchase-id');
      var height = n.readAttribute('data-popup-height');
      var mpn = $('customizations').readAttribute('data-mpn');
      UAD.Panier.editAchat(purchase_id, $('quantiteCount').value, mpn, null, height);
      });
  });
}


uad.customize = function() {
  $$('.customize').each(function(n) {
    Event.observe(n, 'click', function(e){
      updatePath(n.readAttribute('data-root'), n.readAttribute('data-path'));
    });
  });
}

uad.selectors = function() {
  $$('.selector').each(function(n) {
    Event.observe(n, 'click', function(e){
      if(n.hasClassName("toOpen")) {
        $$('.selector-content').each(function(i) {
          i.setAttribute('style', 'display:block;');
            document.observe('click', function(e, el) {
            if ( ! e.target.descendantOf('accordion-stock')) {
              $$('.selector-content').each(function(j) {
                j.setAttribute('style', 'display:none;');
              });
              n.setStyle({backgroundColor: "#FFF"});
              n.removeClassName("toClose");
              n.addClassName("toOpen");
            }
        });
        });
        n.setStyle({backgroundColor: "#F4F4F4"});
        n.removeClassName("toOpen");
        n.addClassName("toClose");
      }
      else {
        $$('.selector-content').each(function(i) {
          i.setAttribute('style', 'display:none;');
        });
        n.setStyle({backgroundColor: "#FFF"});
        n.removeClassName("toClose");
        n.addClassName("toOpen");
      }
    });
  });
  $$('.selector-item').each(function(n) {
    Event.observe(n, 'mouseover', function(e){
      n.addClassName("hoover");
    });
    // suppr la classe hoover on mouseout
    Event.observe(n, 'click', function(e){
      $('customizations').setAttribute('data-mpn', n.id);
      updateMPN();
    });
  });
}

uad.verifChamps = function() {
  var options = $$('select#record option');
  var len = options.length;
  for (var i = 0; i < len; i++) {
      if(options[i].selected==true) {
        if(options[i].value=="0") {
          $('selectProduct').show();
        }
        else{
          var authorization = 0;
          if($("isAgree").checked==true) {authorization = 1;}
          authorization = 1; // temporaire
          Kwo.exec("/comment/comment.temoignages.add",
          {
            "content": $("content").value,
            "record": options[i].value,
            "authorization": authorization,
            "pseudo": $("pseudo").value
          }, {'callback':Kwo.reload});
        }
      }
  }
}


uad.isAmbZoomDim = function() {
  $$('.thumbs-zoom-dim-amb').each(function(n) {
    Event.observe(n, 'click', function(e){
      $('tab1-1').addClassName('full-image-amb-zoom-dim');
      $('customizations').setAttribute('data-corner_zoom',1);
      $('customizations').setAttribute('data-corner_amb',1);
      $('customizations').setAttribute('data-corner_dim',1);
    });
  });
  $$('.thumbs-normal').each(function(n) {
    Event.observe(n, 'click', function(e){
      $('tab1-1').removeClassName('full-image-amb-zoom-dim');
      $('customizations').setAttribute('data-corner_zoom',0);
      $('customizations').setAttribute('data-corner_amb',0);
      $('customizations').setAttribute('data-corner_dim',0)
      $$('.s7-image').each(function(n) {n.style.width = '480px';});
    });
  });
}

uad.ongletsProduits = function() {
  $$('.tabs span').each(function(n) {
    Event.observe(n, 'click', function(e){
      $$('.customiser-thumbs').each(function(z) {
        z.removeClassName('selected');
      });
      var onglet = $('onglet1-1');
      if(onglet!=null){
        if ($('onglet1-1').hasClassName('selected')) $($('customizations').readAttribute('data-thumb')).up('li').addClassName('selected');
      }
      });
  });
}

uad.getS7 = function() {
  $$('.visuel3').each(function(n) {
    Event.observe(n, 'click', function(e){
      $('customizations').setAttribute('data-thumb', n.id);
      $('onglet1-1').addClassName('selected');
      var onglet2 = $('onglet1-2');
      var onglet3 = $('onglet1-3');
      if(onglet2!=null) $('onglet1-2').removeClassName('selected');
      if(onglet3!=null) $('onglet1-3').removeClassName('selected');
      $('tab1-1').show();
      $('tab1-2').hide();
      $('tab1-3').hide();
      updateCorner();
      var produit_id = $('customizations').readAttribute('data-produit-id');
      var corner = n.readAttribute('data-corner');
      var corner_zoom = n.readAttribute('data-corner-zoom');
      var corner_amb = n.readAttribute('data-corner-amb');
      var corner_dim = n.readAttribute('data-corner-dim');
      $("modal-zoom").setAttribute("href","/modal.pdt.zoom?produit_id="+ produit_id +"&mpn=" + $('customizations').readAttribute('data-mpn') + "&corner=" + corner + "&corner_zoom=" + corner_zoom + "&corner_amb=" + corner_amb + "&corner_dim=" + corner_dim);
    });
  });
  $$('.packs').each(function(n) {
    Event.observe(n, 'click', function(e){
      $(this).style.borderColor = '#F7922A !important';
    });
  });
}

uad.getS7fromFleche = function() {
  $$('.nextBig').each(function(n) {
    Event.observe(n, 'click', function(e){
      $$('.customiser-thumbs.selected ').each(function(n) {
        n.removeClassName("selected");
        if (n.next() != undefined) {
          if(n.hasClassName("last")) {
            UAD.Carousel.right(12,4,10,'nextSmall-45');
          }
          n.next().addClassName("selected");
          var y = n.next().down('img').src;
          updateS7(y);
          if(n.next().down('img').hasClassName("thumbs-zoom-dim-amb")) {$('tab1-1').addClassName('full-image-amb-zoom-dim');}
          else if(n.next().down('img').hasClassName("thumbs-normal")) {$('tab1-1').removeClassName('full-image-amb-zoom-dim');}
        } else {
          $$('.customiser-thumbs').first("li").addClassName("selected");   
          var e = $$('.customiser-thumbs').first("li").down('img').src;
          updateS7(e);
          if(n.first().down('img').hasClassName("thumbs-zoom-dim-amb")) {$('tab1-1').addClassName('full-image-amb-zoom-dim');}
          else if(n.first().down('img').hasClassName("thumbs-normal")) {$('tab1-1').removeClassName('full-image-amb-zoom-dim');}
        }
      });
    });
  });
  $$('.prevBig').each(function(n) {
    Event.observe(n, 'click', function(e){
      $$('.customiser-thumbs.selected ').each(function(n) {
        n.removeClassName("selected");
        if (n.previous() != undefined) {
          if(n.hasClassName("last")) {
            UAD.Carousel.left(12,4,10,'prevSmall-45');
          }
          n.previous().addClassName("selected");
          var y = n.previous().down('img').src;
          updateS7(y);
          if(n.previous().down('img').hasClassName("thumbs-normal")) {$('tab1-1').removeClassName('full-image-amb-zoom-dim');}
          else if(n.previous().down('img').hasClassName("thumbs-zoom-dim-amb")) {$('tab1-1').addClassName('full-image-amb-zoom-dim');}
        } else {
          $$('.customiser-thumbs').last("li").addClassName("selected");
          var e = $$('.customiser-thumbs').last("li").down('img').src;
          updateS7(e);
          if(n.last().down('img').hasClassName("thumbs-zoom-dim-amb")) {$('tab1-1').addClassName('full-image-amb-zoom-dim');}
          else if(n.last().down('img').hasClassName("thumbs-normal")) {$('tab1-1').removeClassName('full-image-amb-zoom-dim');}
        }
      });
    });
  });
}

uad.multiview = function() {
  $$('.no-duplicateview').each(function(n) {
    Event.observe(n, 'click', function(e){
      duplicateview(0);
    });
  });

  $$('.duplicateview2').each(function(n) {
    Event.observe(n, 'click', function(e){
      duplicateview(2);
    });
  });

  $$('.duplicateview4').each(function(n) {
    Event.observe(n, 'click', function(e){
      duplicateview(4);
    });
  });
}



/*  =GENERIC
----------------------------------------------------------------------------- */
uad.generic = function(){

    // hide stuff
    $$('.hideMe').each(function(elmt,i){elmt.hide();});

    // close stuff
    $$('.closeMe').each(function(n){

        Event.observe(n, 'click', function(e){

          var data = n.readAttribute('data-div');
          Effect.toggle(data,'appear', {duration:0.3});
          $("callpreciser").removeClassName('on');
          e.preventDefault();

        });

    });

    // toggle stuff
    $$('.toggleMe').each(function(n){

        Event.observe(n, 'click', function(e){

        var data = n.readAttribute('data-div');
        Effect.toggle(data,'appear', {duration:0.3});
        n.toggleClassName('on');
        e.preventDefault();

        });
    });

    // tabs system

    $$('.tabs').each(function(elmt,i){

        var init = function(){
            elmt.next(0).childElements()[0].show();
        }

        var reset = function(){
            elmt.next(0).childElements().each(function(tabContent){tabContent.hide();});
        }

        elmt.childElements().each(function(elmt2,i){
            var myLink = elmt2.childElements()[0];
            Event.observe(myLink, 'click', function(e){
                reset();
                elmt.childElements().each(function(tab){tab.removeClassName('selected');});
                elmt.next(0).childElements().each(function(tabContent){
                  tabContent.removeClassName('hide');
                  tabContent.removeClassName('show');
                });
                elmt2.addClassName('selected');
                $(myLink.readAttribute('data-div')).show();
                myLink.blur();
                Event.stop(e);
                return false;
            });
        });
        reset();
        init();
    });

     // roll stuff
     $$('.rollMe').each(function(elmt){

        // image preload
        var myRolledImg = document.createElement('img');
        myRolledImg.setAttribute("src", "http://cdn.usineadesign.com/is/image/usineadesign/lg_l-usine-a-design?qlt=100&fmt=png-alpha&resMode=sharp2");

        // mouseover
        Event.observe(elmt, 'mouseover', function(e){
            elmt.src = "http://cdn.usineadesign.com/is/image/usineadesign/lg_l-usine-a-design_hover?qlt=100&fmt=png-alpha&resMode=sharp2"; // tricky IE substr bug
        });

        // mouseout
        Event.observe(elmt, 'mouseout', function(e){
            elmt.src = "http://cdn.usineadesign.com/is/image/usineadesign/lg_l-usine-a-design?qlt=100&fmt=png-alpha&resMode=sharp2"
        });

    });

}


/*  =MAIN_NAV
----------------------------------------------------------------------------- */
uad.mainNav = function(){


    $$('#mainNav li.mainLi').each(function(elmt, i){

        Event.observe(elmt, 'mouseover', function(e){

            elmt.addClassName('hover');

        });

        Event.observe(elmt, 'mouseout', function(e){

            elmt.removeClassName('hover');

        });
    });
}


/*  =SS_NAV
----------------------------------------------------------------------------- */
uad.ssNav = function(){

    // init
    //$$('#ssNav ul').each(function(elmt, i){ elmt.hide(); });
    //$$('#ssNav .less').each(function(elmt, i){ elmt.className = 'more'; });

    $$('#ssNav li').each(function(elmt, i){
        if ((elmt.hasClassName('selected'))||(elmt.hasClassName('open'))){

            // level 1
            //elmt.ancestors()[0].show();
            //elmt.ancestors()[0].previous(0).childElements()[0].className = 'less';

            
            // level 2
            elmt.ancestors()[2].show();
            if (elmt.ancestors()[2].previous(0) && elmt.ancestors()[2].previous(0).tagName != 'DIV') {
              elmt.ancestors()[2].previous(0).childElements()[0].className = 'less';
            }
        }

    });

    // behaviour
    $$('#ssNav .more, #ssNav .less').each(function(elmt, i){

        Event.observe(elmt, 'click', function(e){
            
            elmt.ancestors()[0].next(0).toggle();
            if (elmt.hasClassName('less')) elmt.className = 'more';
            else elmt.className = 'less';

            elmt.blur();
            Event.stop(e);
            return false;

        });

    });
}



/*  =PANIER
----------------------------------------------------------------------------- */
uad.panier = function(){

    // panier roll
    Event.observe($('panier'), 'mouseover', function(){

        $('panierCore').show();
        this.addClassName('on');

    });

    Event.observe($('panier'), 'mouseout', function(){

        $('panierCore').hide();
        this.removeClassName('on');

    });
}

/*  =ACCORDION
----------------------------------------------------------------------------- */
uad.accordion = function(){

    $$('.accordionCaller').each(function(elmt,i){

        Event.observe(elmt, 'click', function(e){

            // elmt
            $(elmt.href.split('#')[1]).toggle();
            elmt.ancestors()[0].toggleClassName('on');

            // the other ones
            $(elmt.href.split('#')[1]).siblings().each(function(elmt2){
                if (elmt2.hasClassName('accordionContent')) elmt2.hide();
                else if (elmt2.childElements()[0].href.split('#')[1] != elmt.href.split('#')[1]) elmt2.removeClassName('on');
            });

            elmt.blur();
            Event.stop(e);
            return false;

        });
    });
}

uad.b2bForm = function(){
  Event.observe('b2bForm', 'submit', function(e) {
    var msg = true;
    var string = new Array();

    $$('.input-required').each(function(n,index) {
      Event.observe(n, 'focus', function(e){n.removeClassName('error-form');});
      Event.observe(n, 'blur', function(e){if(n.value==""){n.addClassName('error-form');}});

      if($(n.id).value == "") {$(n.id).addClassName("error-form");msg = false;}
      else { 
        if($("verif-" + n.id).hasClassName("span-verif-error")) {msg = false;}
        string[index] = n.value;
      }
    });

    if(msg){
      new Ajax.Updater('myForm','/espacepro', {
        method: 'get',
        parameters: {
          "societe": string[0],
          "lastname": string[1],
          "firstname": string[2],
          "fonction":string[3],
          "telephone": string[4],
          "email": string[5],
          "contenu": string[6]
        },
        onFailure: function(){alert("Veuillez réesayer plus tard.");},
        onSuccess: function(){
          _gaq.push(['_trackEvent','espace_pro','formulaire_valide']);
          $('formulaire-ask').update('<div id="messageSuccess" class="tk-rooney-web heavy blues" style="text-align: center; font-size: 17px!important; padding: 205px 0">Vous allez bientôt recevoir un mail de confirmation.</div>');
        }
      });
      Event.stop(e); // stop the form from submitting
    }
  });
}

uad.checkmail = function(email) {
  if (email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {$('button_venteprivee_submit').enable()}
  else if (email=="") {$('button_venteprivee_submit').disable()}
  else {$('button_venteprivee_submit').disable()}
}

uad.emailCheck = function(email,id){
  if(id=="") {id = "email";}
  if (email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {$("verif-" + id).removeClassName("span-verif-error").addClassName("span-verif-good");}
  else if (email=="") {$("verif-" + id).removeClassName("span-verif-good").removeClassName("span-verif-error");}
  else {$("verif-" + id).removeClassName("span-verif-good").addClassName("span-verif-error");}
}

uad.stringCheck = function(string,id){
  if (string!="" && string.length>1) {$("verif-" + id).removeClassName("span-verif-error").addClassName("span-verif-good");}
  else if (string=="") {$("verif-" + id).removeClassName("span-verif-good").removeClassName("span-verif-error");}
  else {$("verif-" + id).removeClassName("span-verif-good").addClassName("span-verif-error");}
}

uad.phoneCheck = function(string,id){
  var reg = /^(?:(?:\+|00)33|0)\d{9}$/
  if (reg.test(string)) {$("verif-" + id).removeClassName("span-verif-error").addClassName("span-verif-good");}
  else if (string=="") {$("verif-" + id).removeClassName("span-verif-good").removeClassName("span-verif-error");}
  else {$("verif-" + id).removeClassName("span-verif-good").addClassName("span-verif-error");}
}

uad.shadow = function(auto){
  if(auto==true) { setTimeout("getHeightMenu()", 500); }
  $$('.toggleMe').each(function(n) {
    Event.observe(n, 'click', function(e){
        setTimeout("getHeightMenu()", 500);
    });
  });
}

function getHeightMenu()
{
  var height = $("prodDesc").getHeight();
  if(height <= 730) {  $("prodDesc").addClassName("no-shadow"); $("last_prodDesc").show(); }
  else { $("prodDesc").removeClassName("no-shadow"); $("last_prodDesc").hide(); }
}