var movieColumnsBg,movieColumns,movieColumnsBgList,movieColumnsLinkList,movieBanners;
function bannerControl(){
    movieColumnsBg = document.getElementById("columnsbg");
    movieColumns = document.getElementById("columns");
    movieColumnsBgList = movieColumnsBg.getElementsByTagName("div");
    movieColumnsLinkList = movieColumns.getElementsByTagName("a");
    movieBanners = document.getElementById("banners").getElementsByTagName("img");
    for(var i=1; i<movieColumnsBgList.length-1; i++){
        movieColumnsLinkList[i-1].pos = i-1;
        movieColumnsLinkList[i-1].onmouseover = function(){
            this.getElementsByTagName("span")[0].style.display = "none";
            this.getElementsByTagName("span")[1].style.display = "block";
            this.targetMarginTop = 0;
            for(var j=0; j<movieBanners.length; j++){
                movieBanners[j].style.display = "none";
            }
            movieBanners[this.pos+1].style.display = "inline";
            this.targetOpacity = 100;
            bannerChange(this);
        }
        movieColumnsLinkList[i-1].onmouseout = function(){
            this.targetMarginTop = 40;
            this.targetOpacity = 30;
            bannerChange(this);
        }
    }
}
function bannerChange(target){
    if(target.changing)
        clearTimeout(target.changing);
    if(target.changing2)
        clearTimeout(target.changing2);
    var currentMarginTop;
    if(!target.style.height){
        currentMarginTop = target.targetMarginTop==0?40:0;
    }else{
        currentMarginTop = 110-parseInt(target.style.height);
    }
    var currentBannerOpacity;
    if(!movieBanners[target.pos+1].style.opacity){
        currentBannerOpacity = target.targetOpacity==100?30:100;
    }else{
        currentBannerOpacity = parseInt(movieBanners[target.pos+1].style.opacity*100);
    }
    if(currentBannerOpacity != target.targetOpacity){
        currentBannerOpacity += target.targetOpacity==100?10:-10;
        movieBanners[target.pos+1].style.filter = "alpha(opacity="+currentBannerOpacity+")";
        movieBanners[target.pos+1].style.opacity = parseFloat(currentBannerOpacity)/100;
    }
    if(currentMarginTop != target.targetMarginTop){
        currentMarginTop += target.targetMarginTop==0?-4:4;
        target.style.marginTop = currentMarginTop+"px";
        movieColumnsBgList[target.pos+1].style.marginTop = currentMarginTop+"px";
        target.style.height = (110-currentMarginTop)+"px";
        movieColumnsBgList[target.pos+1].style.height = (110-currentMarginTop)+"px";
        target.changing=setTimeout(function(){bannerChange(target);});
    }else{
        if(target.targetMarginTop==40){
            target.getElementsByTagName("span")[0].style.display = "block";
            target.getElementsByTagName("span")[1].style.display = "none";
        }
        var reset = true;
        for(var i=0; i<movieColumnsLinkList.length; i++){
            if(movieColumnsLinkList[i].style.marginTop && movieColumnsLinkList[i].style.marginTop != "40px"){
                reset = false;
                break;
            }
        }
        if(reset){
            for(var i=1; i<movieBanners.length; i++){
                movieBanners[i].style.display = "none";
            }
            movieBanners[0].style.display = "inline";
        }
    }
}
addFunction(bannerControl);