function loaded()
{
 var  selectPlaque = document.getElementsByName("type_plaque");
 var diff = document.getElementById("diff");
 var dep = document.getElementsByName("dep");
 var texte_perso = document.getElementById("texte_perso");
 var nbPlaque = document.getElementsByName("nb_plaque");
 var quantite = document.getElementById("quantite");
 var ajoutPanier = document.getElementById("ajout_panier");
 var couleurPlaque = document.getElementById("couleur_plaque");
 var dim = document.getElementById("dim");
 var augm = document.getElementById("augm");

 
 var immat1 = document.getElementById("immat1");
 var immat2 = document.getElementById("immat2"); 
 var immat3 = document.getElementById("immat3");
 var immat4 = document.getElementById("immat4");
 var immat5 = document.getElementById("immat5"); 
 var immat6 = document.getElementById("immat6");
 var numDep = document.getElementById("dep");
 var numDep2 =  document.getElementById("dep2");
 var texte_tuning = document.getElementById("tuning");
 var texte_perso = document.getElementById("texte_perso");
 
 
 addEventManager(immat1, "focus", styleNoError);
 addEventManager(immat2, "focus", styleNoError);
 addEventManager(immat3, "focus", styleNoError);
 addEventManager(immat4, "focus", styleNoError);
 addEventManager(immat5, "focus", styleNoError);
 addEventManager(immat6, "focus", styleNoError);
 addEventManager(numDep, "focus", styleNoError);
 addEventManager(numDep2, "focus", styleNoError);
 addEventManager(texte_tuning, "focus", styleNoError);
 
 //addEventManager(texte_perso,"focus", styleNoError);
 
 for (var i=0; i< selectPlaque.length; i++)  
        addEventManager(selectPlaque[i], "click", select);
        
 addEventManager(dim, "click", changeTaille);
 addEventManager(augm, "click", changeTaille);

 adresseFact();
       

 addEventManager(diff, "click", adresseFact);
 addEventManager(texte_perso, "focus", creerTexte);

 
 for (var i=0; i< couleurPlaque.length; i++)
        addEventManager(couleurPlaque, "change", changeColor);
        

 for (var i=0; i < dep.length; i++)
    addEventManager(dep[i], "click", clickOnDep);
    
 gestionPanier(null);
     
 addEventManager(quantite,"keyup", prix);
 addEventManager(ajoutPanier,"click", savePlaque);
 
   var zone_logo_1 = document.getElementById("div_zone_logo_1");
   var zone_logo_2 = document.getElementById("div_zone_logo_2");
    addEventManager(zone_logo_1, "click", themeLogo);
    addEventManager(zone_logo_2, "click", themeLogo);
  
 prix();
}

//------------------------------------------------------------------------------


function prix()
{
    var prix=0.0;
    var quantite = document.getElementById("quantite");
    prix = returnPrix();
    prix *= parseInt(Math.abs(quantite.value));
    /* ajout + si icone */
     if(document.getElementById('prix'))
        document.getElementById('prix').innerHTML = '<br />PRIX : ' + parseFloat(prix).toFixed(2) + ' &euro; ttc';
    
    return prix;
}


function returnPrix()
{
    var prix;
    var selectPlaque = document.getElementsByName("type_plaque");
    var typePlaque = 0;
    var prixPlaque = {simple: 14.950000, perso: 16.950000, tuning: 21.950000}      
    if (selectPlaque[0].checked) // PLAQUE_SIMPLE
        typePlaque = "simple";
    if (selectPlaque[1].checked) //PLAQUE_PERSO
        typePlaque = "perso";
    if (selectPlaque[2].checked) // PLAQUE_TUNING
        typePlaque = "tuning";
    
    return typePlaque ? prixPlaque[typePlaque] : 0.0;
}

//------------------------------------------------------------------------------

function styleNoError(e)
{
    e = e || window.event;
    champ_immat = e.target || e.srcElement;
    
    champ_immat.style.borderColor = '#aaa';
    champ_immat.style.borderStyle = 'dotted';    
}

//------------------------------------------------------------------------------

function select()
{
    var div_plaque = document.getElementById("div_plaque");
    var div_plaque_perso = document.getElementById("div_plaque_perso");
    var div_plaque_tuning = document.getElementById("div_plaque_tuning");
    var  selectPlaque = document.getElementById("type_plaque");
    var div_format_texte = document.getElementById("div_format_texte");
    var div_format_tuning = document.getElementById("div_format_tuning");
    var div_logo = document.getElementById("div_logo");
    var div_theme_logo = document.getElementById("div_theme_logo");
    var div_upload = document.getElementById("div_upload");
    var quantite = document.getElementById("quantite");
    var zone_logo_1 = document.getElementById("div_zone_logo_1");
    var zone_logo_2 = document.getElementById("div_zone_logo_2");
    var selectPlaque = document.getElementsByName("type_plaque");
    
    
     if (selectPlaque[0].checked)
     {
        div_plaque.style.display = 'block';
        div_plaque_perso.style.display = 'none';
        div_plaque_tuning.style.display = 'none';
        div_format_texte.style.display = 'none';
        div_format_tuning.style.display = 'none';
        div_logo.style.display = 'none';
        div_theme_logo.style.display = 'none';
        div_upload.style.display = 'none';
        
        quantite.value=1;     
     }
     if (selectPlaque[1].checked)
     {
        div_plaque.style.display = 'none';
        div_plaque_perso.style.display = 'block';
        div_plaque_tuning.style.display = 'none';
        div_format_texte.style.display = 'none';
        div_format_tuning.style.display = 'none';
        div_logo.style.display = 'none';
        div_theme_logo.style.display = 'none';
        div_upload.style.display = 'none';
       
        quantite.value = 1;
        zone_logo_1.innerHTML = '<img src="../img/logo1.jpg" id="logo_1" />';
        zone_logo_2.innerHTML = '<img src="../img/logo1.jpg" id="logo_2" />';
    
        var logo_1 = document.getElementById("logo_1");
        var logo_2 = document.getElementById("logo_2");
        addEventManager(logo_1, "click", themeLogo);
        addEventManager(logo_2, "click", themeLogo);
      
      
     }
    if (selectPlaque[2].checked)
     {
        div_plaque.style.display = 'none';
        div_plaque_perso.style.display = 'none';
        div_plaque_tuning.style.display = 'block';
        div_format_texte.style.display = 'none';
        div_format_tuning.style.display = 'block';
        div_logo.style.display = 'none';
        div_theme_logo.style.display = 'none';
        div_upload.style.display = 'none';
        quantite.value = 1;
        afficheListePolice();
        changePolice();
        var police_plaque = document.getElementById("police_plaque");
        addEventManager(police_plaque,"change", changePolice); 
     }
   prix();
}

//------------------------------------------------------------------------------

function adresseFact()
{

  var div_addr_fact = document.getElementById("div_addr_fact");
  var diff = document.getElementById("diff");
   if (diff.checked)
        div_addr_fact.style.display ='block';
           
    else
        div_addr_fact.style.display = 'none';
          
}

//------------------------------------------------------------------------------

function creerTexte(e)
{
    e = e || window.event;
    var texte_perso = e.target || e.srcElement;
    var selectPlaque = document.getElementsByName("type_plaque");
    
    var div_format_texte = document.getElementById("div_format_texte");
    var div_logo = document.getElementById("div_logo");
    var div_theme_logo = document.getElementById("div_theme_logo");
    var div_upload = document.getElementById("div_upload");
    div_logo.style.display = 'none';
    div_theme_logo.style.display = 'none';
    div_upload.style.display = 'none';
   
    var style = document.getElementById("style");
    var police = document.getElementById("police");
    
    if (texte_perso.value == 'Tapez votre texte ici !')
        texte_perso.value='';
    if (selectPlaque[1].checked)
    {
        
        div_format_texte.style.display = 'block';
        
        
        addEventManager(style,"change",fontStyle);
        addEventManager(police,"change",fontPolice);
    }
    else
        div_format_texte.style.display = 'none';
            
}

//------------------------------------------------------------------------------

function fontStyle(e)
{
    var texte_perso = document.getElementById("texte_perso");
    e = e || window.event;
    var style = e.target || e.srcElement;
    switch (style.value)
    {
      case "Normal":
            texte_perso.style.fontStyle = "normal";
            texte_perso.style.fontWeight =  "normal";
            break;
      case "Gras":
            texte_perso.style.fontWeight = "bold";
            texte_perso.style.fontStyle = "normal";
            break;
      case "Italique":
            texte_perso.style.fontStyle = "italic";
            texte_perso.style.fontWeight =  "normal";
            break;
      case "Gras/Italique":
            texte_perso.style.fontStyle = "italic";
            texte_perso.style.fontWeight =  "bold";
            break;
      default:
             texte_perso.style.fontStyle = "normal";
             texte_perso.style.fontWeight =  "normal";
    }
      
    
}
function fontPolice(e)
{
    var texte_perso = document.getElementById("texte_perso");
    e = e || window.event;
    var police = e.target || e.srcElement;
    texte_perso.style.fontFamily = police.value;
     switch (police.value)
    {
      case "Arial":
            texte_perso.style.fontFamily = "arial";
            break;
      case "Courier New":
            texte_perso.style.fontFamily = "courier new";
            break;
      case "Times New Roman":
            texte_perso.style.fontFamily = "Times New Roman";
            break;
      case "Georgia":
            texte_perso.style.fontFamily = "Georgia";
            break;
      case "Tahoma":
            texte_perso.style.fontFamily = "Tahoma";
            break;
      case "Verdana":
            texte_perso.style.fontFamily = "Verdana";
            break;
      case "Comic Sans MS":
            texte_perso.style.fontFamily = "Comic Sans MS";
            break;
      case "Lucida Sans Unicode":
            texte_perso.style.fontFamily = "Lucida Sans Unicode";
            break;
    }
}
//------------------------------------------------------------------------------

function changeColor(e)
{
     e = e || window.event;
     var couleur = e.target || e.srcElement;
     var plaque_tuning = document.getElementById("div_plaque_tuning");
     var input_tuning = document.getElementById("tuning");
     var couleur_texte = document.getElementById("couleur_texte");
     
     if (couleur.value == 'white' && couleur_texte.value =='#fff') 
           {
            input_tuning.style.color = 'black';
            couleur_texte.selectedIndex = 0;
            
           }
     else if (couleur.value == 'black' && couleur_texte.value =='#000')
     {
            input_tuning.style.color = 'white';
            couleur_texte.selectedIndex = 1;
     }
            
     input_tuning.style.backgroundColor = couleur.value;
     plaque_tuning.style.backgroundColor = couleur.value;
     
}
//------------------------------------------------------------------------------

function themeLogo()
{
    var div_theme_logo = document.getElementById("div_theme_logo");
    var div_format_texte = document.getElementById("div_format_texte");
    var div_upload = document.getElementById("div_upload");
    
    div_format_texte.style.display = "none";
    div_theme_logo.style.display="block";
    div_upload.style.display = "block";
    afficheListeTheme();
    
    var select_theme = document.getElementById("theme_logo");
    ajoutLogo(select_theme);
    addEventManager(select_theme, "change", ajoutLogo );
    
}

function afficheListePolice()
{
    var select_police = document.getElementById("div_select_police");
    var image_police = document.getElementById("image_police");
    var xhr = createXHRObject();
        if (xhr)
        {
            xhr.open("post", "../ajax/scanpolice.php",false);
            xhr.send(null);
            
           
            select_police.innerHTML = xhr.responseText;
            var police_plaque = document.getElementsByName("police_plaque");
            image_police.innerHTML = '<img src="../img/font/'+police_plaque[0].value+'.gif" />';
        }
        else
            window.alert("Impossible d'utiliser AJAX !");
    
}

function changePolice()
{
  var image_police = document.getElementById("image_police");
  var police_plaque = document.getElementById("police_plaque");
  var link = document.createElement('link');
  var input_tuning = document.getElementById("tuning");
  
  var links = document.getElementsByTagName("link");
  for (var i=0; i < links.length; i++)
  {
    if (links[i].getAttribute("title") == 'police')
    {
	document.getElementsByTagName("head")[0].removeChild(links[i]);
	break;
    }
  }
  
 link.setAttribute('rel', 'stylesheet');
 link.setAttribute('charset','utf-8');
 link.setAttribute('title','police');
 link.setAttribute('href', '../css/' + police_plaque.value +'.css');
 document.getElementsByTagName('head')[0].appendChild(link);
 // ajoute la feuille CSS correspondant à la police choisie
  
  input_tuning.style.textAlign="center";
  
  
  image_police.innerHTML = '<img src="../img/font/'+ police_plaque.value + '.gif" />'; 
}


function changeTaille(e)
{
    e = e || window.event;
    var taille = e.target || e.srcElement;
    var input_tuning = document.getElementById("tuning");
    var tailleMin = 50;
    var tailleMax = 200;
    
    

   if (taille.id == "dim")
   {
    if(input_tuning.style.fontSize)
         var s = parseInt(input_tuning.style.fontSize.replace("px",""));
    else 
         var s = 140;
         
    if(s>tailleMin)
         s -= 5;
   }
   
   if (taille.id == "augm")
   {
    if(input_tuning.style.fontSize) 
      var s = parseInt(input_tuning.style.fontSize.replace("px",""));
    else 
         var s = 140;
    if(s<tailleMax)
         s += 5;
   }      
   
    input_tuning.style.fontSize = s+"px";
}

//******************************************************************************

function afficheListeTheme()
{
    var theme_logo = document.getElementById("div_theme_logo");
        var xhr = createXHRObject();
        if (xhr)
        {
            xhr.open("get", "../ajax/scantheme.php",false);
            xhr.send(null);
            theme_logo.innerHTML = xhr.responseText;
        }
        else
            window.alert("Impossible d'utiliser AJAX !");
}



function ajoutLogo(e)
{
    e = e || window.event;
    var lien = e.target || e.srcElement || e;
    var div_format_texte = document.getElementById("div_format_texte");
    var div_logo = document.getElementById("div_logo");
  
    div_logo.style.display = 'block';  
    div_format_texte.style.display = 'none';
    afficheLogo(lien.value);
    //***********************************//
    var items = document.getElementsByClassName("item", "div");
    for (var i = 0; i < items.length; i++)
       addEventManager(items[i], "mousedown", itemGrabbed);
      
}




//------------------------------------------------------------------------------
//      AJAX
// recupération des logos sur le serveur
//
//------------------------------------------------------------------------------

function afficheLogo(id)
{
        var logo = document.getElementById("div_logo");
        var xhr = createXHRObject();
        if (xhr)
        {
            
            xhr.open("get", "../ajax/scandir.php?id=" + encodeURIComponent(id), false);
            xhr.send(null);
        
            logo.innerHTML= xhr.responseText; 
        }
        else
            window.alert("Impossible d'utiliser AJAX !");
}
    



//------------------------------------------------------------------------------

function clickOnDep()
{
    
   var dep = document.getElementsByName("dep");
    
   for (var i=0; i< dep.length; i++)
    addEventManager(dep[i],"keyup",afficheRegion);
   
}

//------------------------------------------------------------------------------
function afficheRegion(e)
{
    e = e || window.event;
    var plaque_perso = 0;
    var dep = e.target || e.srcElement;
    var img = document.getElementsByName("logo");
    var selectPlaque = document.getElementsByName("type_plaque");
  
    if (selectPlaque[1].checked)
        plaque_perso = 1;
        
    switch (dep.value)
    {
        case "67":
        case "68":  /* ALSACE */
            img[plaque_perso].src = "../img/logo_region/alsace.jpg";
        break;
    
        case "24":
        case "33":
        case "40":
        case "47":
        case "64": /* AQUITAINE */
            img[plaque_perso].src = "../img/logo_region/aquitaine.jpg";
        break;
            
        case "03":
        case "15":
        case "43":
        case "63": /* AUVERGNE */
            img[plaque_perso].src = "../img/logo_region/auvergne.jpg";
        break;
            
        case "21":
        case "58":
        case "71":
        case "89": /* BOURGOGNE */
            img[plaque_perso].src = "../img/logo_region/bourgogne.jpg";
        break;
        
        case "22":
        case "29":
        case "35":
        case "56":    /* BRETAGNE */
              img[plaque_perso].src = "../img/logo_region/bretagne.jpg";
        break;
        
        case "18":
        case "28":
        case "36":
        case "37":
        case "41":
        case "45": /* CENTRE */
              img[plaque_perso].src = "../img/logo_region/centre.jpg";
        break;
        
        case "08":
        case "10":
        case "51":
        case "52":  /* CHAMPAGNE-ARDENNE */
            img[plaque_perso].src = "../img/logo_region/champagne-ardenne.jpg";
        break;
        
        case "2a":
        case "2b":
        case "2A":
        case "2B":    /* CORSE */
            img[plaque_perso].src = "../img/logo_region/corse.jpg";
        break;
            
        case "25":
        case "70":
        case "39":
        case "90":    /* FRANCHE-COMTE */
            img[plaque_perso].src = "../img/logo_region/franche-comte.jpg";
        break;
        
        case "14":
        case "27":
        case "50":
        case "61":
        case "76":    /* NORMANDIE */
            img[plaque_perso].src = "../img/logo_region/normandie.jpg";
        break;
        
        case "75":
        case "77":
        case "78":
        case "91":
        case "92":
        case "93":
        case "94":
        case "95":    /*ILE DE FRANCE */
            img[plaque_perso].src = "../img/logo_region/iledefrance.jpg";
        break;
        
        case "11":
        case "30":
        case "34":
        case "48":
        case "66":  /*LANGUEDOC ROUSSILLON */
            img[plaque_perso].src = "../img/logo_region/languedoc.jpg";
        break;
        
        case "19":
        case "23":
        case "87":  /* LIMOUSIN */
            img[plaque_perso].src = "../img/logo_region/limousin.jpg";
        break;
        
        case "54":
        case "55":
        case "57":
        case "88":    /* LORRAINE */
            img[plaque_perso].src = "../img/logo_region/lorraine.jpg";
        break;
        
        case "09":
        case "12":
        case "31":
        case "32":
        case "46":
        case "65":
        case "81":
        case "82":   /* MIDI-PYRENEES */
            img[plaque_perso].src = "../img/logo_region/midi-pyrenees.jpg";
        break;
        
        case "59":
        case "62":    /* NORD */
            img[plaque_perso].src = "../img/logo_region/nord.jpg";
        break;
        
        case "44":
        case "49":
        case "53":
        case "72":
        case "85":  /* PAYS DE LA LOIRE */
              img[plaque_perso].src = "../img/logo_region/pays-de-la-loire.jpg";
        break;
        
        case "02":
        case "80":
        case "60": /* PICARDIE */
            img[plaque_perso].src = "../img/logo_region/picardie.jpg";
        break;
        
        case "16":
        case "17":
        case "79":
        case "86":  /* POITOU-CHARENTES */
            img[plaque_perso].src = "../img/logo_region/poitou-charentes.jpg";
        break;
        
        case "04":
        case "05":
        case "06":
        case "13":
        case "83":
        case "84":   /* PACA */
            img[plaque_perso].src = "../img/logo_region/paca.jpg";
        break;
        
        case "01":
        case "07":
        case "26":
        case "38":
        case "42":
        case "69":
        case "73":
        case "74": /* RHONE-ALPES */
            img[plaque_perso].src = "../img/logo_region/rhone-alpes.jpg";
        break;
        
        case "971": /* GUADELOUPE */
            img[plaque_perso].src = "../img/logo_region/guadeloupe.jpg";
        break;
        
        case "972": /* MARTINIQUE */
            img[plaque_perso].src = "../img/logo_region/martinique.jpg";
        break;
        
        case "973": /* GUYANE */
            img[plaque_perso].src = "../img/logo_region/guyane.jpg";
        break;
        
        case "974": /* REUNION */
            img[plaque_perso].src = "../img/logo_region/reunion.jpg";
        break;
        
        case "975": /* St PIERRE ET MIQUELON */
        case "976": /* MAYOTTE */
        case "987": /* TAHITI */
        case "988": /* NOUVELLE CALEDONIE */
        default:
            img[plaque_perso].src = "../img/logo_region/rien.jpg";
        break;        
    }
}

//------------------------------------------------------------------------------




function savePlaque()
{
    var erreur="";
    var immat1 = document.getElementById("immat1");
    var immat2 = document.getElementById("immat2");
    var immat3 = document.getElementById("immat3");
    var immat4= document.getElementById("immat4");
    var immat5= document.getElementById("immat5");
    var immat6 = document.getElementById("immat6");
    var num_dep = document.getElementById("dep");
    var num_dep2 = document.getElementById("dep2");
   
    
    var logo_region_simple = document.getElementById("logo_region_simple");
    var logo_region_perso = document.getElementById("logo_region_perso");
    var logo1 = document.getElementById("logo_1");
    var logo2 = document.getElementById("logo_2");
    var zone_logo1 = document.getElementById("div_zone_logo_1");
    var zone_logo2 = document.getElementById("div_zone_logo_2");
    
    var div_upload = document.getElementById("div_upload");
    var div_format_texte = document.getElementById("div_format_texte");
    var div_theme_logo = document.getElementById("div_theme_logo");
    var div_logo = document.getElementById("div_logo");
    
    
    
    
    var slct_police_perso = document.getElementById("police");
    var police_perso = slct_police_perso.options[slct_police_perso.selectedIndex].value;
    var slct_style_police = document.getElementById("style");
    var style_police = slct_style_police.options[slct_style_police.selectedIndex].value;
    
    
    var quantite = document.getElementById("quantite"); 
    var selectPlaque = document.getElementsByName("type_plaque");
    var texte_perso = document.getElementById("texte_perso");
    
     var texte_tuning = document.getElementById("tuning");
     
     var slct_couleur_plaque = document.getElementById("couleur_plaque");
     var couleur_plaque = slct_couleur_plaque.options[slct_couleur_plaque.selectedIndex].value;
     
    
     var slct_couleur_texte = document.getElementById("couleur_texte");
     var couleur_texte = slct_couleur_texte.options[slct_couleur_texte.selectedIndex].value;
     
     
     var slct_police_tuning = document.getElementById("police_plaque");
     if (slct_police_tuning != null)
        var police_tuning = slct_police_tuning.options[slct_police_tuning.selectedIndex].value;
     
    if (selectPlaque[0].checked)
    {
        var reg = new RegExp("[a-zA-Z]{2}","g");
        if (immat1.value=="" || !reg.test(immat1.value) ) 
        { 
            erreur += "-1er champ de l'immatriculation non ou mal renseigné\n";
            immat1.style.borderColor = 'red';
            immat1.style.borderStyle = 'solid';
           
        }
        
        var reg = new RegExp("[0-9]{3}","g");
        if (immat2.value=="" || !reg.test(immat2.value))
        {
            erreur += "-2eme champ de l'immatriculation non mal renseigné\n";
            immat2.style.borderColor = 'red';
            immat2.style.borderStyle = 'solid';
        }
        
        var reg = new RegExp("[a-zA-Z]{2}","g");
        if (immat3.value=="" || !reg.test(immat3.value))
        {
            erreur += "-3eme champ de l'immatriculation non ou mal renseigné\n";
            immat3.style.borderColor = 'red';
            immat3.style.borderStyle = 'solid';
        }
        
        var reg = new RegExp("^[0-9][0-9ABab][0-9]?$");
        var sPath = logo_region_simple.src;  
        var sFileName = sPath.substring(sPath.lastIndexOf("/")+1,sPath.length);// extraction du nom de fichier : tout ce qui est après le dernier slash
       
        if (num_dep.value == "" ||!reg.test(num_dep.value) || sFileName=="rien.jpg")
        {
            erreur += "-Numero de département non ou mal renseigné \n";
            num_dep.style.borderColor= 'red';
            num_dep.style.borderStyle = 'solid';
        }
        
        var type_plaque = 0;
    }
    /*RESTE A FAIRE VERIF PLAQUE 2 et3 */
    else if (selectPlaque[1].checked)
    {
          var reg = new RegExp("[a-zA-Z]{2}","g");
        if (immat4.value=="" || !reg.test(immat4.value) ) 
        { 
            erreur += "-1er champ de l'immatriculation non ou mal renseigné\n";
            immat4.style.borderColor = 'red';
            immat4.style.borderStyle = 'solid';
           
        }
        
        var reg = new RegExp("[0-9]{3}","g");
        if (immat5.value=="" || !reg.test(immat5.value))
        {
            erreur += "-2eme champ de l'immatriculation non mal renseigné\n";
            immat5.style.borderColor = 'red';
            immat5.style.borderStyle = 'solid';
        }
        
        var reg = new RegExp("[a-zA-Z]{2}","g");
        if (immat6.value=="" || !reg.test(immat6.value))
        {
            erreur += "-3eme champ de l'immatriculation non ou mal renseigné\n";
            immat6.style.borderColor = 'red';
            immat6.style.borderStyle = 'solid';
        }
        
        var reg = new RegExp("^[0-9][0-9ABab][0-9]?$");
        var sPath = logo_region_perso.src;  
        var sFileName = sPath.substring(sPath.lastIndexOf("/")+1,sPath.length);// extraction du nom de fichier : tout ce qui est après le dernier slash
       
        if (num_dep2.value == "" ||!reg.test(num_dep2.value) || sFileName=="rien.jpg")
        {
            erreur += "-Numéro de département non ou mal renseigné \n";
            num_dep2.style.borderColor= 'red';
            num_dep2.style.borderStyle = 'solid';
        }
        if (texte_perso.value == "" || texte_perso.value == 'Tapez votre texte ici !')
        {
            erreur += "-Vous n'avez rentré votre texte...";
            texte_perso.style.borderColor = 'red';
            texte_perso.style.borderStyle = 'solid';
        }
    }
    else if (selectPlaque[2].checked)
    {
        if (texte_tuning.value == "")
        {
            erreur +="-Vous n'avez pas rentré votre texte dans la plaque ...";
            texte_tuning.style.borderColor = 'red';
            texte_tuning.style.borderStyle = 'solid';
        }
    }
    if (quantite.value == '' && quantite.value)
        {
            quantite.value=1;
            prix();
        }
         
    var aide = document.getElementById("aide");
    aide.style.display = 'block';
    
    if (erreur)
        alert(erreur);
    else
        if (selectPlaque[0].checked)
        {
            select = new Array('type_plaque','qte','immat','dep');
            select['type_plaque'] = "simple";
            select['qte'] = quantite.value;
            select['immat'] =immat1.value+"-"+immat2.value+"-"+immat3.value;
            select['dep'] = num_dep.value;
            
            gestionPanier(select);
            
            // Reinitialisation de la plaque et du didacticiel
            
            quantite.value=1;
            immat1.value = immat2.value = immat3.value ='';
            num_dep.value = '';
            var im = new Image();
            im.src = "../img/logo_region/rien.jpg";
            logo_region_simple.src = im.src;
            
           
            
            immat1.style.backgroundColor = "#DDD";
            immat2.style.backgroundColor = immat3.style.backgroundColor = "#FFF";
            num_dep.style.backgroundColor = "#1220a8";
          
            aide.innerHTML="Didacticiel <br /><span class='nbold'>Bonjour, je vais vous aider à créer votre plaque.<br />\
			    Cliquez dans le 1er champ de la plaque (champ grisé).</span>";
            
            
            
    
        }
        else if (selectPlaque[1].checked)
        {
            select = new Array('type_plaque','qte','immat','dep','logo1','logo2','texte_perso','police', 'type_police');
            select['type_plaque'] = "perso";
            select['qte'] = quantite.value;
            select['immat'] =immat4.value+"-"+immat5.value+"-"+immat6.value;
            select['dep'] = num_dep2.value;
            select['logo1'] = logo1.style.backgroundImage;
            select['logo2'] = logo2.style.backgroundImage;
            select['texte_perso'] = texte_perso.value ;
            select['police'] = police_perso;
            select['type_police'] = style_police;
            
            gestionPanier(select);
            
            
             
            // Reinitialisation de la plaque et du didacticiel
            
            quantite.value=1;
            immat4.value = immat5.value = immat6.value ='';
            num_dep2.value = '';
            texte_perso.value = "Tapez votre texte ici !";
            var im = new Image();
            im.src = "../img/logo_region/rien.jpg";
            logo_region_perso.src = im.src;
            
            immat4.style.backgroundColor = "#DDD";
            immat5.style.backgroundColor = immat6.style.backgroundColor = texte_perso.backgroundColor = "#FFF";
            num_dep2.style.backgroundColor = "#1220a8";
            texte_perso.style.backgroundColor = "#FFF";
            
            zone_logo1.innerHTML = '<img src="../img/logo1.jpg" id="logo_1" />';
            zone_logo2.innerHTML = '<img src="../img/logo1.jpg" id="logo_2" />';
             
            aide.innerHTML="Didacticiel <br /><span class='nbold'>Bonjour, je vais vous aider à créer votre plaque.<br />\
			    Cliquez dans le 1er champ de la plaque (champ grisé).</span>";
           
             div_format_texte.style.display = 'none';
             div_upload.style.display = 'none';
             div_theme_logo.style.display = 'none';
             div_logo.style.display ='none';
           
             addEventManager(zone_logo1,"click",themeLogo);
             addEventManager(zone_logo2,"click",themeLogo);
             
           
            
            
        }
        else if (selectPlaque[2].checked)
        {
            select = new Array('type_plaque', 'qte','texte','couleur_texte','police','couleur_plaque','taille_police');
            select['type_plaque'] = "tuning";
            select['qte'] = quantite.value;
            select['texte'] = texte_tuning.value;
            select['couleur_texte'] = couleur_texte;
            select['police'] = police_tuning;
            select['couleur_plaque'] = couleur_plaque;
            select['taille_police'] = texte_tuning.style.fontSize ? texte_tuning.style.fontSize : "100px";
            
            gestionPanier(select);
            
             
            // Reinitialisation de la plaque et du didacticiel
            
            texte_tuning.value = '';
            quantite.value=1;
            couleur_plaque.value = 'white';
            couleur_texte.value = 'black';
            texte_tuning.style.backgroundColor = "#DDD";
            aide.innerHTML="Didacticiel <br /><span class='nbold'>Bonjour, je vais vous aider à créer votre plaque.<br />\
			    Cliquez dans le 1er champ de la plaque (champ grisé).</span>";
        }
    
}

//------------------------------------------------------------------------------


function  gestionPanier(article)
{
  var panier = document.getElementById("panier");
  var contenu_panier = document.getElementById("contenu_panier");
   
   panier.style.display='block';
        var xhr = createXHRObject();
        if (xhr)
        { 
            xhr.open("post", "../ajax/panier.php", false);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            if (article == null)
                xhr.send("action=affiche");
            else
                if (article['type_plaque'] == "simple")
                        xhr.send("action=ajout&type_plaque="+article['type_plaque']+"&qte="+article['qte']+
                                "&immat="+article['immat']+"&dep="+article['dep']);
                else if (article['type_plaque'] == "perso")
                        xhr.send("action=ajout&type_plaque="+article['type_plaque']+"&qte="+article['qte']+
                                "&immat="+article['immat']+"&dep="+article['dep']+"&logo1="+article['logo1']+
                                "&logo2="+article['logo2']+"&texte="+encodeURIComponent(article['texte_perso'])+"&police="+article['police']
                                +"&type_police="+article['type_police']);
                else if (article['type_plaque'] == "tuning")
                        xhr.send("action=ajout&type_plaque="+article['type_plaque']+"&qte="+article['qte']+
                                "&texte="+encodeURIComponent(article['texte'])+"&couleur_texte="+article['couleur_texte']+"&police="+
                                 article['police']+"&couleur_plaque="+article['couleur_plaque']+"&taille_police="+article['taille_police']);
                        
           contenu_panier.innerHTML=xhr.responseText;
           var suppression = document.getElementsByClassName("suppr");
           for (var i =0; i < suppression.length; i++)
                    addEventManager(suppression[i],"click", supprArticle);
        }
        else
            window.alert("Impossible d'utiliser AJAX !");
}

function supprArticle(e)
{
    e = e || window.event;
    var article = e.target || e.srcElement;
    var xhr = createXHRObject();
    var contenu_panier = document.getElementById("contenu_panier");
    if (xhr)
        {
            xhr.open("post", "../ajax/panier.php", false);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            
            xhr.send("action=suppr&id="+article.name);
            contenu_panier.innerHTML=xhr.responseText;
            var suppression = document.getElementsByClassName("suppr");
            for (var i =0; i < suppression.length; i++)
                    addEventManager(suppression[i],"click", supprArticle);   
        }       
}

//------------------------------------------------------------------------------

addEventManager(window, "load", loaded);