function affichePortfolio(products_id,vignette_id)
{
     var photos = document.getElementById('portfolio_img_small_'+products_id);
     var liens = photos.getElementsByTagName('a');

     var big_photo = document.getElementById('premiere_image_'+products_id);
     var lien_photo = document.getElementById('lien_img_'+products_id) ;

     for (var i=0 ; i < liens.length ; i++)
     {
          // Au clique sur ces liens
          if ( i == vignette_id )
          {
               if ( big_photo != null )
               {
                    big_photo.src = liens[i].href;
                    big_photo.alt = liens[i].title;
               }

               if ( lien_photo != null )
               {
                    lien_photo.href = liens[i].title;
               }     
               
               var class_vignette = "current";
          }
          else
          {
               var class_vignette = "";
          }

          document.getElementById("vignette_"+products_id+"_"+i+"").className = class_vignette;
     }

     // un return false; doit être mis en place dans la page html avec le lien <a onclick
}

function afficheEnSituation(form,situation_id)
{
     var vignette_id = form.elements["situation_color"].value;
     var big_photo = document.getElementById('premiere_image_'+products_id);

     big_photo.src = form.elements["situation_xl_"+vignette_id+"_"+situation_id+""].value;
     for ( var i=1 ; i<4 ; i++ )
     {
          if ( document.getElementById('en_situation_'+i+'').className == "current" )
          {
               document.getElementById('en_situation_'+i+'').className = "open";
          }
                    
          if ( i == situation_id )
          {
               document.getElementById('en_situation_'+i+'').className = "current";
          }
     }
}

function changeEnSituation(form,vignette_id,products_options_values_id)
{
     form.elements["situation_color"].value = vignette_id;
     form.elements["options_values_id"].value = products_options_values_id;

     for ( var i=1 ; i<4 ; i++ )
     {
          source_image = form.elements["situation_sm_"+vignette_id+"_"+i+""].value;

          var li = document.getElementById('en_situation_'+i+'');
          var li_img = li.getElementsByTagName('img');
          if ( source_image != '' )
          {
               li_img[0].src = source_image;
               li_img[0].className = "open";
          }
          else
          {
               li_img[0].className = "close";
          }
          li.className = "";
     }
}

function afficheZoom(form,situation_id)
{
     var options_values_id = form.elements["options_values_id"].value;
     var vignette_id = form.elements["situation_color"].value;

     // cas normal zoom
     if ( situation_id == 0 )
     {
          source_image = form.elements["image_zoom_"+vignette_id+""].value;
     }
     else
     {
          source_image = form.elements["situation_zoom_"+vignette_id+"_"+situation_id+""].value;
     }

     var lien_zoom = document.getElementById('zoom');


     if ( source_image != '' )
     {
//          var vrai_lien_zoom = form.elements["vrai_lien_zoom"].value;
//          lien_zoom.href = vrai_lien_zoom+'?oid='+options_values_id+'&sid='+situation_id+'';
          lien_zoom.href = source_image;
          lien_zoom.className = 'open';
     }
     else
     {
          lien_zoom.href = '#';
          lien_zoom.className = 'close';
     }

}