// otl_handler javascript functions

var scroll = new Array();

var itemcount = 0;

function init_page()

{

    if (! document.getElementById ) return false;

    var spans = document.getElementsByTagName('span');

    for (i = 0; i < spans.length; i++) {

        var id = spans[i].getAttribute('id');

        if (id == null || id == "") continue;

        if (id.indexOf("itemtoplevel_") == -1) continue;

        // ie doesn't support negative substr positions :\

        // var num = id.substr(-1, 1);

        var num = id.substr(13, 1);

        var itemtoplevel = spans[i];

        var itemgroup    = document.getElementById("itemgroup_" + num);

        if (! itemtoplevel || ! itemgroup) continue;

        itemcount++;

        itemgroup.style.display    = 'none';

        itemgroup.style.overflow   = 'hidden';

        itemtoplevel.onmouseover   = function() { this.className = 'level0_over'; }

        itemtoplevel.onmouseout    = function() { this.className = 'level0'; } 

        itemtoplevel.onmouseup     = function() { this.className = 'level0'; toggle(this); return false; }

        itemtoplevel.onselectstart = function() { return false; }

    }

    return;

}

function toggle(i)

{

    var ig = document.getElementById( i.id.replace("toplevel", "group") );

    if (! ig ) return;

    var num = ig.id.substr(10,1);

    // show

    if (ig.style.display == "" ||

        ig.style.display == "none") {

        ig.style.height = "0pt";

        ig.style.display = 'block';

        grow(num);

        // hide others

        for (i = 0; i != itemcount; i++) {

           if (i != num) shrink(i);

        }

    }

    // hide

    else {

        shrink(num);

    }

    return;

}

function grow(num)

{

    var ig = document.getElementById( "itemgroup_" + num );

    if (! ig ) return;

    scroll[num] = 1;

    var curheight = parseInt(ig.style.height.replace("pt", ""));

    if (curheight >= 250) {

        ig.style.overflow = 'auto';

        scroll[num] = 0;

        return;

    }

    var newheight = curheight + 25 + "pt";

    ig.style.height = newheight;

    setTimeout("grow(" + num + ")", 30);

    return;

}

function shrink(num)

{

    var ig = document.getElementById( "itemgroup_" + num );

    if (! ig ) return;

    if (scroll[num] == 1) return;

    ig.style.overflow = 'hidden';

    var curheight = parseInt(ig.style.height.replace("pt", ""));

    if (curheight == 0) {

        ig.style.display = 'none';

        return;

    }

    var newheight = curheight - 50 + "pt";

    ig.style.height = newheight;

    setTimeout("shrink(" + num + ")", 30);

    return;

}