$(document).ready(function() {

    $(".button").hover(
        function() { $(this).css({ background: '#F7CB79', 'border-color': '#47342E', color: '#47342E' }) },
        function() { $(this).css({ background: '#47342E', 'border-color': '#F7CB79', color: '#F7CB79' }) }
    );
    // Ajout des icônes pour les produits "coup de coeur"
    var heart = $("<img />")
        .attr({
          src:        'img/products/heart.png',
          height:     54,
          width:      62
        })
        .css({
          bottom:     -5,
          height:     '54px',
          position:   'absolute',
          right:      -5,
          width:      '62px'
        });
    $("#products_selection li p.product_img").append(heart.clone()).css('position','relative');
    // Ajout des conteneurs supplémentaires pour les "boîtes" qui nécessitent plusieurs images de fond
    var top_bg = $("<div>").addClass('_bg_top');
    var bottom_bg = $('<div>').addClass('_bg_bottom');
    $(".decorate").append(bottom_bg.clone()).prepend(top_bg.clone());
    // Entoure les inputs à styler avec des spans :
    //var span = $("<span>").addClass('input_wrapper').css('cursor','pointer');
    //$("input.wrap_me").wrap(span.clone());
    // Remplace les hr par des divs vides pour pouvoir les styler correctement sous IE
    var div_hr = $("<div>").addClass('hr');
    $("hr").replaceWith(div_hr.clone());

    top_bg = bottom_bg = heart = div_hr  = null;


// Entoure les inputs à styler
    $("input[type='text'], input[type='password']").each( function() {
        if( $(this).attr('id') != "search_query" ) {
            $(this).wrap('<div style="height:24px;"></div>');
            $(this).before('<span class="sbox_l"></span>');
            $(this).after('<span class="sbox_r"></span><div style="clear:both;"></div>');
            $(this).wrap('<span class="sbox"></span>');
        }
    });

});