var DHTML = (document.getElementById || document.all || document.layers);

function getObj(name)
{
    if (document.getElementById)
    {
        this.obj = document.getElementById(name);
        this.style = document.getElementById(name).style;
    }
    else if (document.all)
    {
        this.obj = document.all[name];
        this.style = document.all[name].style;
    }
    else if (document.layers)
    {
        this.obj = document.layers[name];
        this.style = document.layers[name];
    }
}

// Preload images
function loadImages()
{
    img1 = new Image();
    img1.src = "images/r1-on.gif";
    img2 = new Image();
    img2.src = "images/r2-on.gif";
    img3 = new Image();
    img3.src = "images/r3-on.gif";
    img4 = new Image();
    img4.src = "images/r4-on.gif";
    img5 = new Image();
    img5.src = "images/r5-on.gif";
    img6 = new Image();
    img6.src = "images/r6-on.gif";
    img7 = new Image();
    img7.src = "images/r7-on.gif";
}

var fontSize = 0;

function showQuote()
{

    if ( fontSize < 16 )
    {
        // have to use variable
        // in cae of 'x.style.fontSize += it always takes the initial value
        // as is defined in the style sheet, hence, it would not get bigger
        fontSize += 1;
        var x = new getObj('quote');
        x.style.fontSize = fontSize;
        setTimeout('showQuote()', 50)
    }
}

var divDelta = -700; //must be the same as -left value of menuactive
var textDelta = 190; // distance to left end position of textslide with content

function init()
{
    if (!DHTML) return;
    slide = new getObj('menuslide').style; 

    slide.pag = '#';
    slide.slidingout = true;
    slide.xpos = divDelta;
    slide.left = slide.xpos;

    content = new getObj('textslide').style;

    extra = new getObj('submenu').style;
    // start sliding in, hide submenu
    extra.visibility = 'hidden';

    slideOut();
}

function exit()
{
    if (!DHTML) return;
    slide = new getObj('menuslide').style; 

    slide.pag = '#';
    slide.slidingout = false;
    slide.xpos = 0;
    slide.left = slide.xpos;

    content = new getObj('textslide').style;

    extra = new getObj('submenu').style;
}

function slideIn(pag)
{
    // start sliding in, hide submenu
    extra.visibility = 'hidden';

    slide.pag = pag;
    slide.slidingout = false;
    slideC();
}

function slideOut()
{
    slide.slidingout = true;
    slideC();
}

function slideC()
{
    if (slide.slidingout)
    {
        if (slide.xpos < 0) 
        {
            slide.xpos += 25;
            slide.left = slide.xpos;
            content.left = slide.xpos + textDelta;
            setTimeout("slideC()", 30);
        }
        else
        {
            // done with sliding out, show submenu
            extra.visibility = 'visible';
        }
    }
    else
    {
        if (slide.xpos > divDelta)
        {
            slide.xpos -= 25;
            slide.left = slide.xpos;
            content.left = slide.xpos + textDelta;
            setTimeout("slideC()", 30);
        }
        else
        {
            window.location = slide.pag;
        }
    }
}