function sidebar_click_expander(id, chunk_url) {
    $('#t'+id).click(function() {
        // p es la imagen, c el contenido 
        var $c = $('#c'+id);
        var $p = $('#p'+id);
        if ($p.attr("alt") == "abrir" || $p.attr("alt") == "open") {
            if ($c.html() == "") {
                $c.css('visibility','visible');
                $pp = $p.parent()
                html_saved = $pp.html()
                $pp.html("<div style='width:100%;text-align:center'><img src='"+ajax_loading_img+"' alt='cargando' /></div>");
                // $p sigue existiendo pero no es el la imagen que luego volvemos a escribir
                $p = undefined;
                $c.hide();
                $.ajax({
                    url: chunk_url,
                    type:"GET",
                    dataType: "html",
                    success: function(data) {
                        $c.html(data);
                        $pp.html(html_saved);
                        // Volvemos a buscar p
                        $p = $('#p'+id);
                        $c.slideDown("slow");
                        $p.attr("src", do_close_img);
                        $p.attr("alt", "cerrar");
                    }
                    //error:function(e) { alert(e.message) }
                });
            } else {
                $c.slideDown("slow");
                $p.attr("src",do_close_img);
                $p.attr("alt", "cerrar");
            }
        } else {
            $c.slideUp("slow");
            $p.attr("src",do_open_img);
            $p.attr("alt", "abrir");
        }
    });
}

var $clockDigits = new Array();
var clockDigitOffset = 34;

function setClockDigit(i, d, time) {
    if (!time) time = 400;
    //console.log("setClockDigit "+i+" "+d);
    $digit = $clockDigits[i];
    var recurse = false;
    if ( $digit.currentDigit == 0) {
        $digit.css("top", (-($digit.bottomDigit+1)*clockDigitOffset)+"px");
    } 
    $digit.currentDigit = d;
    $digit.animate({top:(-d*clockDigitOffset)+"px"}, {queue:false, duration:time} );
}

function incDigit(i) {
    if (i >= $clockDigits.length) return;
    //console.log("incDigit "+i);
    var d = $clockDigits[i].currentDigit -1;
    if (d<0) {
        setClockDigit(i, $clockDigits[i].bottomDigit);
        if (i==5) { //si son las decenas de horas
            setClockDigit(i-1, 4);
        }
        incDigit(i+1);
    } else {
        setClockDigit(i, d);
    }
}

function periodicIncDigit() {
    incDigit(0);
    --secondsToEnd;
    if (secondsToEnd > 0) {
        setTimeout("periodicIncDigit()", 1000);
    }
}

function runClock() {
    for(var i=0; i<8; ++i) {
        $digit = $("#clockd"+i);
        bottomDigit = parseInt($digit.html());
        $digit.html("");
        for (var d=0; d<=bottomDigit; ++d) {
            $digit.append("<b>"+d+"</b>");
        }
        $digit.append("<b>0</b>");
        $digit.bottomDigit = bottomDigit;
        $digit.currentDigit = 0;
        $clockDigits[i] = $digit;
    }
    for(var i=7; i>=0; --i) {
        $("#control").append("<a href='#' onclick='incDigit("+i+")'>"+i+"</a> ");
    }
    var seconds = secondsToEnd%60;
    var minutes = Math.floor(secondsToEnd/60)
    var hours = Math.floor(minutes/60)
    minutes %= 60
    hours %= 24
    setClockDigit(0, seconds%10, 2000);
    setClockDigit(1, Math.floor(seconds/10), 2000);
    setClockDigit(2, minutes%10, 2000);
    setClockDigit(3, Math.floor(minutes/10), 2000);
    setClockDigit(4, hours%10, 2000);
    setClockDigit(5, Math.floor(hours/10), 2000);
    setClockDigit(6, daysToEnd%10, 2000);
    setClockDigit(7, Math.floor(daysToEnd/10), 2000);
    periodicIncDigit();
}

function accountPost(name, value) {
    var form = document.getElementById("meta_form");
    var input = document.getElementById('meta_input');
    input.name = name
    input.value = value;
    form.submit();
}
