$(document).ready(function() {
    ecitizenWidget();
});


function ecitizenWidget() {
    $("head").append("    <style>    #widget * { padding:0; margin:0; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:black; }    #widget a img { border:none; }    #widget { width:160px; margin:5px auto; }    #widget a { color:#2197c3; text-decoration:underline; cursor:pointer; }    #widget a:hover { color:#ff8d23; text-decoration:none; }    #widget .textcolor { color:#000; }    #widget p { padding:2px !important; line-height:11px; }    #widget #wtop { background:url(\"http://www.e-citizen.com/images/widget/top_160.png\"); }    #widget #wlogo { height:70px; }    #widget #wlogo a {position:relative; top:-20px; left:55px; }    #widget #wlogo img { width:110px; }    #widget #wlogo p { font-size:9px; position:relative; left:55px; top:5px; }    #widget #wmenu { background:url(\"http://www.e-citizen.com/images/widget/content_160.png\") repeat-y; padding:5px 0 5px 5px; overflow:auto; height:20px; height:30px; }    #widget #wmenu .wbutton { cursor:pointer; width:62px; height:16px; float:left; margin:5px 3px; padding:2px; text-align:center; background-image:url(\"http://www.e-citizen.com/images/widget/onglet.png\"); }    #widget #wmenu .active { background-color:#2197c3; color:#fff; background-image:none; }    #widget #wcontent { background:url(\"http://www.e-citizen.com/images/widget/content_160.png\") repeat-y; }    #widget #wprofil-top { height:190px; }    #widget #wprofil-pict img { width:80px; }    #widget #wcontent #wleft { float:left; width:82px; margin:0 4px; }    #widget .wsupport { font-size:10px; }    #widget .wrecrut { font-size:10px; margin:0 4px 5px 4px; }    #widget #wlist-recrut { width:135px; margin:0 auto; height:55px; }    #widget #wlist-recrut .wpict { float:left; margin:0 0 0 4px; }    #widget #wcontent #wright { float:left; margin:0 3px; }    #widget #wright .wassoc { margin:5px 0; }    #widget #wcontent #wbutton-join { text-align:center; background:url(\"http://www.e-citizen.com/images/widget/button.png\"); width:70px; height:22px; padding-top:6px; margin:5px auto; }    #widget #wcontent #wbutton-join a { color:white; text-decoration:none; }    #widget #wcontent #wbutton-join a:hover { color:white; text-decoration:none; }    #widget #wcontent #wbutton-shop { text-align:center; background:url(\"http://www.e-citizen.com/images/widget/button_big.png\"); width:120px; height:22px; padding-top:6px; margin:5px auto 0 auto; }    #widget #wcontent #wbutton-shop a { color:white; text-decoration:none; font-size:11px; }    #widget #wcontent #wbutton-shop a:hover { color:white; text-decoration:none; }    #widget #wcontent #wproducts { background-color:#2197c3; color:#fff; margin:5px 0; font-size:11px; }    #widget #wgetwidget { text-align:center; position:relative; top:7px; }    #widget #wgetwidget a { font-size:10px; }    #widget #wwishlist { display:none; }    #widget #wwishlist-top { padding-top:5px; height:65px; }    #widget #wwishlist-top #wwishlist-left { float:left; width:110px; }    #widget #wwishlist-top #wwishlist-right { float:left; }    #widget #wwishlist-top .wwishlist-text { font-size:14px; padding:3px 7px !important; }    #widget #wwishlist-content * { text-align:center; }    #widget #wwishlist-content .wwish { padding:8px 0; }    #widget #wwishlist-content .wdesc p { padding:0 !important; font-size:11px; }    #widget #wwishlist-bottom { border-top:1px solid ##eee; margin-top:15px; }    #widget #wwishlist-bottom p { font-size:9px; }    #widget #wbottom { background-image:url(\"http://www.e-citizen.com/images/widget/ass_160.png\"); height:17px; }    </style>");
    $("#ecitizenWidget").html("");
    $("#ecitizenWidget").hide();
    $("#ecitizenWidget").append("<div id=\"widget\">    <div id=\"wtop\">        <div id=\"wlogo\">            <p class=\"textcolor\">Je suis membre de</p>            <a target=\"_blank\" href=\"http://www.e-citizen.com/c=1268644214&h=kajybF0te&i=461&c=hMDMC&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=iA2XFh2w&a=N5idzKZy96&m=rDbsl453&p=gHVnsw47\" title=\"e-Citizen.com, 1er site e-commerce &eacute;thique\">                <img src=\"http://www.e-citizen.com/images/widget/logo-trans.png\" alt=\"e-Citizen\" />            </a>        </div>    </div>    <div id=\"wmenu\">        <div class=\"wbutton active\" id=\"wbutton-profil\" onclick=\"showProfil()\">Mon profil</div>            </div>    <div id=\"wcontent\">        <div id=\"wprofil\">            <div id=\"wprofil-top\">                <div id=\"wleft\">                                        <p class=\"textcolor wsupport\">Les associations que je soutiens : </p>                                        <div id=\"wprofil-pict\">                        <a target=\"_blank\" href=\"http://www.e-citizen.com/membres/461/ValerieDegas/c=1268644214&h=RAAKtNEH&i=461&c=ptd8o2r&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=U72kObhUhz&a=RuvUZ6&m=dedwwR4&p=EcME4Rj\" title=\"Profil de Valerie Degas\">                            <img src=\"http://www.e-citizen.com/images/user/default_1.png\" alt=\"\" />                        </a>                    </div>                    <div id=\"wbutton-join\">                        <a target=\"_blank\" href=\"http://www.e-citizen.com/login/c=1268644214&h=ocqKlAA8U2&i=461&c=NnG3xXaLp&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=hOyH7&a=Av0ME9fj3S&m=W8Gyv0yu&p=lnh1A8cgm5Ql\" title=\"Rejoignez e-citizen !\">Rejoindre</a>                    </div>                </div>                <div id=\"wright\">                                        <div class=\"wassoc\">                        <a target=\"_blank\" href=\"http://www.e-citizen.com/associations-humanitaires-environnement/aides/c=1268644214&h=3SEMSgQD&i=461&c=epst6DR&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=4tJi9tmd&a=p8OGHOAi&m=8rD7jpoU&p=Rkev553\" title=\"Voir l\'association Aides\">                            <img src=\"http://www.e-citizen.com/images/association/11/1237280165-logo_aides.png\" />                        </a>                    </div>                                        <div class=\"wassoc\">                        <a target=\"_blank\" href=\"http://www.e-citizen.com/associations-humanitaires-environnement/planete-urgence/c=1268644214&h=6onAX9x&i=461&c=E0l6UJ&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=KPrJMI3&a=IcJkFZ&m=RsmxAZB3&p=8HtFnQdVrHH\" title=\"Voir l\'association Plančte Urgence\">                            <img src=\"http://www.e-citizen.com/images/association/17/logo_urgences.jpg\" />                        </a>                    </div>                                        <div class=\"wassoc\">                        <a target=\"_blank\" href=\"http://www.e-citizen.com/associations-humanitaires-environnement/wwf/c=1268644214&h=AWzpYhe&i=461&c=yG3MZRS&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=noWQJS6lIkD&a=YJdKgt&m=MIsVWATmrT&p=Zfk3loF\" title=\"Voir l\'association WWF\">                            <img src=\"http://www.e-citizen.com/images/association/18/big_1221558883_big_logo_wwf.png\" />                        </a>                    </div>                                    </div>            </div>            <div id=\"wprofil-bottom\">                            </div>            <div id=\"wgetwidget\">                <a target=\"_blank\" href=\"http://www.e-citizen.com/widget/conf/c=1268644214&h=4wCq0Qjj&i=461&c=mawXMp0&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=aL3NJqhJnO0A&a=EIjIi1mnjAi&m=Rq3DlOtJ&p=ppkDEvpJ\" title=\"Cr&eacute;er et personnaliser mon widget\">                    Cr&eacute;er mon propre widget                </a>            </div>        </div>        <div id=\"wwishlist\">            <div id=\"wwishlist-top\">                <div id=\"wwishlist-left\">                    <p class=\"textcolor wwishlist-text\">                        Bio, <br />&eacute;quitable<br /> et solidaire...                    </p>                </div>                <div id=\"wwishlist-right\">                    <img src=\"http://www.e-citizen.com//images/widget/caddie.png\" alt=\"\" />                </div>            </div>            <div id=\"wwishlist-content\">                <div id=\"wproducts\">Voici mes produits pr&eacute;f&eacute;r&eacute;s</div>                            </div>            <div id=\"wwishlist-bottom\">                <p class=\"textcolor\">                    Chaque achat permet de reverser <strong>5%</strong> aux associations de votre choix                </p>                <div id=\"wbutton-shop\">                    <a target=\"_blank\" href=\"http://www.e-citizen.com/c=1268644214&h=xzBBsfO&i=461&c=r5HkW6U&o=dc4ff696-b2e9-102c-82ff-0019b9ef663a&f=1&r=crqzP&a=Fa3nHErH&m=k4ustZa&p=3yGF504\">Acc&eacute;der &agrave; la boutique</a>                </div>            </div>        </div>    </div>    <div id=\"wbottom\"></div></div>");
    $("#ecitizenWidget").show("fast");
}

function showWL() {
    $("#wprofil").slideUp("fast");
    $("#wwishlist").slideDown("fast");
    $("#wbutton-wishlist").addClass("active");
    $("#wbutton-profil").removeClass("active");
}
function showProfil() {
    $("#wprofil").slideDown("fast");
    $("#wwishlist").slideUp("fast");
    $("#wbutton-wishlist").removeClass("active");
    $("#wbutton-profil").addClass("active");
}