function initUI(modele)
{
  $("#montrebandeau").css('background', 'url(/images/interface/montres/'+modele+')'); 
  $("#montrebandeau").css('background-position', 'left -125px'); 
  if($("#barrenav").text() == '')
  {
    //la barre de navigation est vide donc on l'affiche pas
    $("#barrenav").css('display', 'none');
    $("#redac").css('top', 10);
  }
    $("img.nouveau").after("<img src='/images/interface/pictos/new.png' class='new'>");
    $("img.rupture").after("<div class='msgrupture'>Rupture<br>temporaire</div>");
    $(".loading").each(function() { 
        var img = $(this); 
        // on met de côté la source de l'image originale 
        var src = img.attr("src"); 
        // on la remplace par un pixel blanc 
        img.attr("src", "/images/pixel.gif"); 
        // on créé une nouvelle image 
        $("<img>") 
         // on attend qu'elle soit chargée 
         .bind("load", function() { 
             // lorsque c'est le cas, on la fait disparaitre doucement 
            img.fadeOut(Math.round(100+(Math.random()*500)), function() { 
                // puis on lui réattribue l'image originale 
                img.attr("src", src) 
                // et on la réaffiche doucement. 
                   .fadeIn(); 
            }); 
        }) 
        // on attribue l'image originale 
        .attr("src", src); 
    });
    //passe les liens externes dans un _blank
    $("a[href*='http://']:not([href*='"+location.hostname+"'])").attr("target","_blank");  
/*  $(".product").click(function() {
    window.location=$(this).find("a").attr("href");return false;
  });
*/

  refreshUI();
}

function refreshUI()
{
  var barwidth=Math.max(720,Math.min(900, $(window).width()-30));
  $("#barremenu").css('width', barwidth); 

  var newleft=Math.max(15,$(window).width()/2-$("#barremenu").width()/2);
  $("#search").css('left', newleft+barwidth-265); 
  $("#barremenu").css('left', newleft); 
  $("#pub_haut").css('left', newleft+140);
  $(".pub").animate({opacity:0.5},500);
  $(".pub").bind('mouseenter mouseleave', function(e) {
      $(this).stop().animate({opacity:1},1500);
    }); 
  $(".pub").bind('mouseout', function(e) {
      $(this).stop().animate({opacity:0.5},1000);
    }); 
  $("#menu").css('left', newleft); 
  $("#montrebandeau").css('left', newleft-200); 
//  $("#menugauche").css('height', $(window).height()); 
}