/***************************************
// 1. REQUETE AJAX                    //
***************************************/

   //Detection du ajax
      function GetXmlHttpObject(){
         var xmlHttp=null;
         try{
            // Firefox, Opera 8.0+, Safari
            xmlHttp=new XMLHttpRequest();
         }catch (e){
            // Internet Explorer
            try{
               xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
            }catch (e){
               xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
         }

         //Verifie si le ajax fonctionne
         if (xmlHttp ==null){
            alert (LANGUE_navigateur_non_compatible);
            return
         }else{
            return xmlHttp;
         }
      }

   // effectuer une Requete en Ajax
      function ajaxaction(request){

         //Chargement en cours
         document.getElementById('target_box').innerHTML = LANGUE_telechargement_en_cours;

         //Requete AJAX
         request.onreadystatechange = function(){


            if(request.readyState == 4){
               if(request.status == 200){
                  //Reponse AJAX
                  //Compilation par la fonction eval;
                  eval(request.responseText);
                  return true;
               }
            }

            return false;
         }

      }

   // Envois des valeur selon un URL et les Parametres en GET
      function sendvalues(method, url, params){
         var request = null;

         //activer le ajax
         request = GetXmlHttpObject();

         request.open(method, url, true);
         request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
         request.send(params);

         //effectuer la requete
         ajaxaction(request);
      }

   // Get values
      function getvalues(){
         var width   = document.getElementById('form_width').value;
         var length  = document.getElementById('form_length').value;
         var nom     = document.getElementById('form_nom').value;
         var email   = document.getElementById('form_email').value;
         var url     = document.getElementById('form_url').value;
         var tel     = document.getElementById('form_tel1').value +
                       document.getElementById('form_tel2').value +
                       document.getElementById('form_tel3').value;


         var link = "width=" + width +
                    "&length=" + length +
                    "&nom=" + nom +
                    "&email=" + email +
                    "&tel=" + tel +
                    "&url=" + url;

         return link;
      }

/*****************************
// 2. Fenetre de chargement //
*****************************/

   //Transition FADER
      function changeOpac(opacity, id) {
         var object = document.getElementById(id);
         object.style.opacity = (opacity / 100);
         object.style.MozOpacity = (opacity / 100);
         object.style.KhtmlOpacity = (opacity / 100);
         object.style.filter = "alpha(opacity=" + opacity + ")";

         if(opacity == 0){
           object.style.visibility = 'hidden';

         }else{
           object.style.visibility = 'visible';
         }

      }

      function opacity(id, opacStart, opacEnd, millisec) {
         var speed = Math.round(millisec / 100);
         var timer = 0;

         //determine the direction for the blending, if start and end are the same nothing happens
         if(opacStart > opacEnd) {
            for(i = opacStart; i >= opacEnd; i--) {
               setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
               timer++;
            }
         }else if(opacStart < opacEnd) {
            for(i = opacStart; i <= opacEnd; i++){
               setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
               timer++;
            }
         }
      }

//Fenetre de demande de soumission
   function hideloading(){
      opacity ('boxes_form', 100, 0, 500);
   }

   function displayloading(){
      document.getElementById('form_nom').disabled   = false;
      document.getElementById('form_email').disabled = false;
      document.getElementById('form_url').disabled   = false;
      document.getElementById('form_width').disabled  = false;
      document.getElementById('form_length').disabled  = false;
      document.getElementById('form_tel1').disabled  = false;
      document.getElementById('form_tel2').disabled  = false;
      document.getElementById('form_tel3').disabled  = false;
      document.getElementById('submitbutton').disabled  = false;
      document.getElementById('target_box').innerHTML = '';


      var titre = document.getElementsByTagName('h2');
      document.getElementById('remorque').innerHTML  = titre[0].innerHTML;

      var clientY = 150;
      var YPos = (document.all) ? document.body.scrollTop : window.pageYOffset;

      var loadpage = document.getElementById('boxes_form');
      loadpage.style.top = (YPos + clientY) + 'px';
      opacity ('boxes_form', 0, 100, 500);
   }