function loadPage(page,usediv) {
    try {xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {}
    xmlhttp.onreadystatechange = function() {
        if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
            document.getElementById(usediv).innerHTML = xmlhttp.responseText;
            var date = new Date();
            var hoy = date.getDay();
            if (--hoy==-1) hoy=6;
            var dia= document.getElementById(hoy);
            dia.className="activo";    
            maxScroll();
         }
    }
    xmlhttp.open("GET", page);
    xmlhttp.send(null);
    return false;
}



function maxScroll(){
            var cajaAlto=$('#cartelera').height();
            var mins=new Date().getMinutes();
            mins=((mins<10)?"0":"") + "" + mins;
            var horaActual=parseInt(new Date().getHours()+""+mins,10);
            var horaPos=0;
            var horaAlto=0;
            var horaAnterior=0;
            var maxScroll = Math.max($('#cartelera').attr("scrollHeight"), $('#cartelera').attr("clientHeight"));
            maxScroll = maxScroll - $('#cartelera').attr("clientHeight");
            
            $("#cartelera li span.hora").each(function() {
                        var horaPrograma=parseInt($(this).text().replace(":",""),10);
                        if (horaActual>horaPrograma && horaPrograma>horaAnterior) {
                                   horaPos=$(this).offset().top-$('#cartelera').offset().top;
                                   horaAlto=$(this).height();
                                   horaAnterior=horaPrograma;
                        }
            });
 
            horaPos=horaPos - cajaAlto/2 + horaAlto/2;
            if (horaPos<0) horaPos=0;
            if (horaPos>maxScroll) horaPos=maxScroll;
            $('#cartelera').attr("scrollTop",horaPos);         
}