
function animeSidebar() {

    var liste = dojo.query("li.page");
    dojo.forEach(liste, function(el) {
        var lien = dojo.query("a.page", el)[0];
        dojo.connect(el, "onmouseenter", function(evt) {
            dojo.animateProperty({
                node: el,
                duration: 300,
                properties: {
                    backgroundColor: {start:'#ffffff', end:'#F8E9A0'}, //'#7c0b07'},
                    width:{start: '120', end:'130'}
                }
            }).play();
            dojo.animateProperty({
                node: dojo.query("div.page", el)[0],
                duration: 300,
                properties: {
                    backgroundColor: {start:'#f8f8d8', end: '#F8E9A0'}
                }
            }).play();
            dojo.animateProperty({
                node: lien,
                duration: 300,
                properties: {
                    color:{start:'black', end: '#B45C19'}
                }
            }).play();

        });
        dojo.connect(el, "onmouseleave", function(evt) {
            dojo.animateProperty({
                node: el,
                duration: 300,
                properties: {
                    backgroundColor: {start:'#F8E9A0', end:'white'}
                }
            }).play();
            dojo.animateProperty({
                node: lien,
                duration: 300,
                properties: {
                    color:{start:'#B45C19', end: 'black'}
                }
            }).play();
            dojo.animateProperty({
                node: dojo.query("div.page", el)[0],
                duration: 300,
                properties: {
                    backgroundColor: {end:'#f8f8d8', start: '#F8E9A0'}
                }
            }).play();

        });
        dojo.connect(el, "onclick", function(evt) {
            dojo.stopEvent(evt); 
            page = dojo.attr(lien, 'htmlhref');
            gotoPage(page);
        });
    });
}
