var t;
var x = 0;
var cnt = 0;
var current;
var LOC;
var DIR;
var offset = 29;
var dist = -830;

function Load()
{
    current = 1;
    var INFO = document.getElementById('INFO');
    var SCHE = document.getElementById('SCHE');
    var INFO_C = document.getElementById('INFO_C');
    var SCHE_C = document.getElementById('SCHE_C');
    var INFO_N = document.getElementById('INFO' + current);
    var SCHE_N = document.getElementById('SCHE' + current);
    
    INFO_C.style.height =(INFO_N.offsetHeight + "px");
    SCHE_C.style.height =(SCHE_N.offsetHeight + "px");
}

function listchange()
{
    var mylist = document.getElementById("list");
    var INFO = document.getElementById('INFO');
    var SelValue = mylist.options[mylist.selectedIndex].value;
    current = SelValue;
    LOC = (current - 1) * dist;
    if (LOC < INFO.offsetLeft) {DIR = "left";} else {DIR = "right";}
    x=0;
    current=parseInt(current);
    Move();
    return false;
}

function Next() 
{
    //moves div left
    var INFO = document.getElementById('INFO');
    
    if (current == cnt)
    {
        current = 1;
    }
    else
    {
        current += 1;
    }
    
    LOC = (current - 1) * dist;
    if (LOC < INFO.offsetLeft) {DIR = "left";} else {DIR = "right";}
    x=0;
    Move();
    return false;
} 

function Prev() 
{
    //moves div right
    var INFO = document.getElementById('INFO');
    
    if (current == 1)
    {
        current = cnt;
    }
    else
    {
        current -= 1;
    }
    
    LOC = (current - 1) * dist;
    if (LOC < INFO.offsetLeft) {DIR = "left";} else {DIR = "right";}
    x=0;
    Move();
    return false;
} 

function Move()
{
    var mylist = document.getElementById("list");
    var SCHE = document.getElementById('SCHE');
    var INFO = document.getElementById('INFO');
    
    mylist.selectedIndex = current - 1;
    var inc = 5 * x;
    var dur = 20;
    if (DIR == "left")
    {
        if (INFO.offsetLeft <= LOC)
        {
            INFO.style.left = LOC + 'px';
            SCHE.style.left = LOC + 'px';
            clearTimeout(t);
            var INFO_C = document.getElementById('INFO_C');
            var SCHE_C = document.getElementById('SCHE_C');
            var INFO_N = document.getElementById('INFO' + current);
            var SCHE_N = document.getElementById('SCHE' + current);
            INFO_C.style.height =(INFO_N.offsetHeight + "px");
            SCHE_C.style.height =(SCHE_N.offsetHeight + "px");
            return;
        }
        else
        {
            INFO.style.left = (INFO.offsetLeft - inc + "px");
            SCHE.style.left = (SCHE.offsetLeft - inc + "px");
            t = setTimeout("Move()",dur);
        }
    }
    else
    {
        if (INFO.offsetLeft >= LOC)
        {
            INFO.style.left = LOC + 'px';
            SCHE.style.left = LOC + 'px';
            clearTimeout(t);
            var INFO_C = document.getElementById('INFO_C');
            var SCHE_C = document.getElementById('SCHE_C');
            var INFO_N = document.getElementById('INFO' + current);
            var SCHE_N = document.getElementById('SCHE' + current);
            INFO_C.style.height =(INFO_N.offsetHeight + "px");
            SCHE_C.style.height =(SCHE_N.offsetHeight + "px");
            return;
        }
        else
        {
            INFO.style.left = (INFO.offsetLeft + inc + "px");
            SCHE.style.left = (SCHE.offsetLeft + inc + "px");
            t = setTimeout("Move()",dur);
        }
    }
    x++;
}