//Ce fichier utilise jQuery (voir jquery.com) inclu par le fichier jQuery.js

//Si les boutons multilignes causent probleme, dont worry, ils n'ont pas payé pour.
//Ils sont supposé de se contenter de boutons à un ligne de texte.
//C'est un extra de notre part

var htmlBoutonOpq =
'<table cellpadding="0" cellspacing="0" border="0" style=""  height="20px">'+
'    <tr><td valign="top" class="c4"></td><td rowspan="3" class="boutonOpqContent" ></td><td valign="top" class="c1"></td></tr>'+
'    <tr><td style="background-color: #2C9949;" ></td><td style="background-color: #2C9949;"></td></tr>'+
'    <tr><td valign="bottom" class="c3"></td><td valign="bottom" class="c2"></td></tr>'+
'</table>';

$(function(){
    var lesBoutonsOpq = $('.boutonOpq');
    lesBoutonsOpq.each(function(){
        //To change some styles associated with the button container we change its class
        $(this).attr("class","boutonOpq2");
        //Append htmlBoutonOpq at the end of the content of this
        $(this).append(htmlBoutonOpq);
        //Move all tags <a> of the 'this value' inside .boutonOpqContent
        $(this).find('.boutonOpqContent').append($(this).find('a'));

    });
})