/*
ScrollList.js
*/

scrollList=new Array();

var anchoPant = screen.width;
var altoPant = screen.height;

var curScroll;
window.onload = inicializar;


function registraScroll(idAbajo, idArriba, div, velAbajo, velArriba)
{
    
    if(scrollList[idAbajo]==null) 
        scrollList[idAbajo]=new Array();
    if(scrollList[idArriba]==null) 
        scrollList[idArriba]=new Array();
        
    scrollList[idAbajo].push(new Array(div, velAbajo));
    scrollList[idArriba].push(new Array(div, velArriba));
}
 
 
function getEl(elementId)
{
    return document.getElementById(elementId);
}
 
function inicializar()
{
    for( key in scrollList )
    {
        var elemento=getEl(key);
        elemento.onmouseover = iniciaScroll;
        elemento.onmouseout = detieneScroll;
    }
    centrar();
    esScrollVisible();
}
 
function iniciaScroll()
{
    scrollDivs = new Array();
    velDivs = new Array();
    for(key in scrollList[this.id]) {
        scrollDivs.push( getEl(scrollList[this.id][key][0]) );
        velDivs.push( scrollList[this.id][key][1] );
    }
    identificador = setInterval('scrollNow()', 30);
}
 
function detieneScroll()
{
    clearInterval(identificador);
}

function esScrollVisible()
{
  if (document.getElementById("content").clientHeight == document.getElementById("content").scrollHeight) {
     document.getElementById("updiv").style.visibility = 'hidden';
     document.getElementById("downdiv").style.visibility = 'hidden';
     return;
  }

    document.getElementById("updiv").style.visibility = 
        document.getElementById("content").scrollTop <= 0 ? "hidden" : "visible";    
    document.getElementById("downdiv").style.visibility = 
        (parseInt(document.getElementById("content").scrollHeight) - parseInt(document.getElementById("content").scrollTop)) <= parseInt(document.getElementById("content").clientHeight) ? "hidden" : "visible";
}
 
function scrollNow()
{
    var upArrow = document.getElementById("updiv")
    var downArrow = document.getElementById("downdiv")

    for(key in scrollDivs)
    {
    var desplazamientoActual = scrollDivs[key].scrollTop;
    var nuevoDesplazamiento = desplazamientoActual + velDivs[key];
    scrollDivs[key].scrollTop = nuevoDesplazamiento;
    }
    esScrollVisible();
}

function imgResize( sImg, newWidth)
{
    if ( newWidth == 0 )
       return;

    var imgEl = document.getElementById(sImg);
    if (typeof (imgEl) == 'undefined')
        return;
    if ( imgEl == null)
        imgEl = document.images[sImg];

    var curW = imgEl.width;
    var factor = newWidth / curW;  
    var newH = imgEl.height * factor;	
    imgEl.style.width = newWidth + 'px';
    imgEl.style.height = newH + 'px';
}

function dimensionar(img, factor) 
{
    var el = document.getElementById(img);
    if (typeof (el) == 'undefined')
        return;
    if ( el == null)
        el = document.images[img];
    if ( el == null)
        return;
        
    var aRatio = el.style.height / el.style.width;

    el.width *= factor;
    el.height *= factor;
}

function ajustarImagenes() {
    
    var anchoImg = 901;
    var altoImg = 125;
    var altoContenido = 420;
    
    var factor = 0;
    switch (anchoPant) {
        case 1280:
            factor = 1;
            break;
        case 1024:
            factor = 0.8;
            break;
        case 800:
            factor = 0.625;
            break;
        default:
            factor = 1;
            break;
    }
    
    var el = document.getElementById("interior");
    
    var el1 = document.getElementById("content");
    el.style.width = anchoImg * factor + "px";
   
    el1.style.height = altoContenido * factor + "px"; 
  
    document.getElementById("tblScroll").style.height = el1.style.height; 

    dimensionar("bandeau", factor);
    dimensionar("filmizq", factor);
    dimensionar("filmder", factor);
  	dimensionar("poster", factor);

}

function centrar()
{
    ajustarImagenes();
    return true;
}