function updateFaces() { // reset faces $('.chocos-holder').find('.noms-holder').remove(); $('.chocos-holder').find('.date-holder').remove(); $('.face-custom-txt').removeClass('face-custom-txt'); $('.face-custom-img').removeClass('face-custom-img'); $(".chocos-holder").empty() $(".chocos-holder").html($('#temp-base .chocos').contents().clone()); $('.chocos-holder .flipper .front').html($('#temp-exclu .excluface').contents().clone()).css({'background' : 'url(img/simulation/face.jpg)'}) $('.chocos-holder .flipper .back').html($('#temp-exclu .excluface').contents().clone()).css({'background' : 'url(img/simulation/face.jpg)'}) setFacesExclu(_custom.faces_chocos_exclu,$('.exclu .chocos-holder .flipper .front')) $('.exclu .chocos-holder .flipper .front').on('click',function(){ _faceSelected = "chocos" $_face_exclu = $(this); $('.imgface').removeClass('actif') $(this).find('.imgface').addClass('actif'); _choco_exclu_id = parseInt($(this).attr('data-id')); _face_exclu = _custom.faces_chocos_exclu["face_"+_choco_exclu_id]; $('.exclu .container-pochette .pochette').eq(_choco_exclu_id-1).find('.front').html($('.exclu .chocos-holder .flipper').eq(_choco_exclu_id-1).find('.front').contents().clone()) $('.exclu .container-pochette .pochette').eq(_choco_exclu_id-1).find('.back').html($('.exclu .chocos-holder .flipper').eq(_choco_exclu_id-1).find('.front').contents().clone()) }); } //Start when DOM is ready $(function() { updateFaces(); });