var isNav = navigator.appName == "Microsoft Internet Explorer";
var xxx = -896;
var xx = xxx;
var move = 5;
var elem;
var menu = "mydiv1";
var wait = 0;
var test = false;
var div;
var checkdisplay = false;
var waittime = 0;

function mouseout() {
    test = false;
    wait = 0;
}
function movediv() {

    if (menu != div) {
        elem = document.getElementById(menu);
        elem.style.left = xxx + "px";
        menu = div;
    }

    elem = document.getElementById(div);
    if (elem) {
        if (xx > -15) {
            move = 5;
            xx = xxx;
            test = false;
            wait = 0;
            return;
        }
        xx += move;
        move += 2;
        elem.style.left = xx + "px";
    }

    setTimeout("movediv()", 10);
}

function mouseover(id) {
    div = id;
    test = true;
    wait = 0;
    callmouseover();
}

function callmouseover() {
    if (wait == 500 && test == true) {
        if (menu != div && xx == xxx) {
            movediv();
        }
    }
    else {
        wait++;
        setTimeout("callmouseover()", 10);
    }
}

var d = null;
var t = 25;
var i = 1, j = 1;
var check = true;
var check1 = false;
var tm = 0;

var di;

function setbypage(val) {
    di = val;
    check1 = true; tm = 10;
    MouseMoveTemp();
}

function MouseMove(val) {
    di = val;
    check1 = true; tm = 0;
    MouseMoveTemp();
}
function MouseMoveTemp() {
    if (check == true && check1 == true) {
        if (d == null) {
            d = document.getElementById("Menu1");
        }
        var div = document.getElementById(di);
        if (d == div) {
            check = true; return false;
        }
        else {
            if (tm == 10) {
                i = 1; j = 1; check = false;
                tm = 0;
                MenuMove(div.id, d.id);
            }
            else {
                tm++;
                setTimeout("MouseMoveTemp()", 500);
            }
        }
    }
}
function MenuMove(val1, val2) {
    if (i == 0 && j == 0) { d = document.getElementById(val1); check = true; return false; }

    var div1 = document.getElementById(val1 + i);
    if (div1 == null) i = 0;
    else {
        if (i > 0) {
            div1.style.display = "block";
            i++;
        }
    }

    var div2 = document.getElementById(val2 + j);
    if (div2 == null) j = 0;
    else {
        if (j > 0) {
            div2.style.display = "none";
            j++;
        }
    }

    setTimeout("MenuMove('" + val1 + "','" + val2 + "')", t);
}
function out() {
    check1 = false;
    tm = 0;
}

function onmoveout() {
    checkdisplay = false;
    waittime = 0;
    mouseout();
    out();
    
}

function onmovemovehavetext(var1, var2, var3, var4) {
    checkdisplay = true;
    waittime = 0;
    displayDivImg(var3, var4);
    onmovemove(var1, var2);
    document.getElementById("divLeftImages").style.display = "none";
}


function displayDivImg(var1, var2) {
    if (waittime == 500 && checkdisplay == true) {
        if (isNav) {
            document.getElementById(var1).style.display = "block";
            document.getElementById(var2).style.display = "none";
        }
        else {
            document.getElementById(var1).style.position = "absolute";
            document.getElementById(var1).style.display = "block";
            document.getElementById(var2).style.display = "none";
        }         
    }
    else {
        waittime++;
        setTimeout("displayDivImg('" + var1 + "', '" + var2 + "')", 10);
    }
}

function onmovemove(var1, var2) {
    mouseover(var2);
    MouseMove(var1);
}

//        change image opacity


function changebackground(var1, var2, var3, var4) {
    img1 = document.getElementById(var1);    
    changetext(var2, var3, var4);
    opacityimg(var1, var3, var4);    
}

function changetext(var1, var2, var3) {
    var i = 0;
    var str;
    for (i = 1; i <= var3; i++) {
        str = var1 + i;
        if (isNav) {
            document.getElementById(str).style.filter = "alpha(opacity = " + (30) + ")";
        }
        else {
            document.getElementById(str).style.opacity = 0.3;
        }
    }
    str = var1 + var2;
    if (isNav) {
        document.getElementById(str).style.filter = "alpha(opacity = " + (80) + ")";
    }
    else {
        document.getElementById(str).style.opacity = 0.8;
    }
}

var xxx1 = 1;
var move1 = 0.01;
var check11 = true;
var divimg1;
function opacityimg(var1, var2, var3) {
    divimg1 = document.getElementById(var1);
    if (check11) {
        xxx1 -= move1;
        move1 += 0.009;
        if (isNav) {
            divimg1.style.filter = "alpha(opacity = " + (xxx1 * 100) + ")";
        }
        else {
            divimg1.style.opacity = xxx1;
        }
        if (xxx1 < 0) {
            var i = 0;
            var str;
            for (i = 1; i <= var3; i++) {
                str = var1 + i;
                if (isNav) {
                    document.getElementById(str).style.filter = "alpha(opacity = " + (0) + ")";
                }
                else {
                    document.getElementById(str).style.opacity = 0;
                }
            }
            str = var1 + var2;
            if (isNav) {
                document.getElementById(str).style.filter = "alpha(opacity = " + (100) + ")";
            }
            else {
                document.getElementById(str).style.opacity = 1;
            }
            
            check11 = false;
            xxx1 = 0;
            move1 = 0.01;               
        }
    }
    else {
        xxx1 += move1;
        move1 += 0.005;
        if (isNav) {
            divimg1.style.filter = "alpha(opacity = " + (xxx1 * 100) + ")";
        }
        else {
            divimg1.style.opacity = xxx1;
        }
        if (xxx1 > 1) {
            xxx1 = 1;
            move1 = 0.01;
            check11 = true;
            return;
        }
    }

    setTimeout("opacityimg('" + var1 + "', '" + var2 + "', '" + var3 + "')", 15);
}

function changeStyle(obj, cssName) {
    if (obj.className.indexOf("2") == -1)
        obj.className = cssName;  //"url('images/menu/" + image + "') no-repeat";
}