images_=new Array();
num_i=0

menus=new Array();
ctr=0;

//change the opacity for different browsers
function changeOpac(opacity, id)
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}


function addMenu(item,step,sp1,sp2,speed)
{

        if(NS4) return;

        if (document.all)
        {
                document.all[item].style.width=document.all[item].width;document.all[item].style.height=document.all[item].height
        }

        var num=menus.length;
        menus[num]=(NS6)? document.getElementById(item) : document.all[item];
        menus[num].ostep=menus[num].step=step;
        menus[num].sp1=sp1;
        menus[num].sp2=sp2;
        menus[num].speed=speed;
        menus[num].id=menus[num].count=0;
        menus[num].fin=true;
        menus[num].num=num;


        menus[num].onmouseover=function()
        {
                clearInterval(menus[num].id);
                if(menus[num].fin)menus[num].count=menus[num].sp1;
                menus[num].step=(menus[num].sp1>menus[num].sp2)? -menus[num].ostep : menus[num].ostep;
                menus[num].fin=false;
                menus[num].id=setInterval('f_var('+this.num+')', this.speed);
        }

        menus[num].onmouseout=function()
        {
                clearInterval(menus[num].id);
                if(menus[num].fin)menus[num].count=menus[num].sp2;
                menus[num].step=-menus[num].step;
                menus[num].fin=false;
                menus[num].id=setInterval('f_var('+this.num+')', this.speed);
        }

        menus[num].onmousedown=function()
        {
                clearInterval(menus[num].id);
                if(menus[num].fin)menus[num].count=menus[num].sp1;
                menus[num].step=(menus[num].sp1>menus[num].sp2)? -menus[num].ostep : menus[num].ostep;
                menus[num].fin=false;
                menus[num].id=setInterval('f_var('+this.num+')', this.speed);
        }
}

function f_var(num)
{
        var curr=menus[num];
        if(NS6)
       {
                curr.style.MozOpacity=curr.count/100
        }
        else
        {
                curr.style.filter="alpha(opacity="+curr.count+")"
        }

        curr.count+=curr.step;

        if((Math.max(curr.sp1,curr.sp2)<curr.count)||(Math.min(curr.sp1,curr.sp2)>curr.count))
        {
                clearInterval(curr.id);
                curr.fin=true;
        }
}
function showBox(i)
{
        x = document.getElementById('subMenu'+i);
        x.style.visibility = 'visible';
}

function hideBox(i)
{
        x = document.getElementById('subMenu'+i);
        x.style.visibility = 'hidden';
}

function showChildBox(i)
{
        x = document.getElementById('childMenu'+i);
        x.style.visibility = 'visible';
}

function hideChildBox(i)
{
        x = document.getElementById('childMenu'+i);
        x.style.visibility = 'hidden';
}

function opacity(id, opacStart, opacEnd, millisec)
{
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function currentOpac(id, opacEnd, millisec) {
    //standard opacity is 100
    var currentOpac = 0;
    id = 'gradient' + id;


    //if the element has an opacity set, get it
    if(document.getElementById(id).style.opacity < 100) {
        currentOpac = document.getElementById(id).style.opacity * 100;
    }

    //call for the function that changes the opacity
    opacity(id, currentOpac, opacEnd, millisec)
}

function configPage()
{
	x = document.getElementById('mainContent').style.top;
}