var lastIndex = '';

function OpenLogin() {

    var url = "login.aspx";
    window.open(url, 'New', 'width=410,height=285,left=200,top=100,dependent=yes,scrollbars=No,resizable=no')
}


function PreloadImages() {
    if (document.images) {
        pic1 = new Image(131,39);
        pic1.src = "images/contentWorld.gif";

        pic2 = new Image(131, 39);
        pic2.src = "images/birthdays.gif";


        pic3 = new Image(131, 39);
        pic3.src = "images/education.gif";


        pic4 = new Image(131, 39);
        pic4.src = "images/ourAnimals.gif";

        pic5 = new Image(131, 39);
        pic1.src = "images/contentWorld_over.gif";

        pic6 = new Image(131, 39);
        pic6.src = "images/birthdays_over.gif";


        pic7 = new Image(131, 39);
        pic7.src = "images/education_over.gif";


        pic8 = new Image(131, 39);
        pic8.src = "images/ourAnimals_over.gif";

        pic8 = new Image(254, 105);
        pic8.src = "images/logo.png";

        pic9 = new Image(158, 28);
        pic9.src = "images/titleBack.gif";

        pic10 = new Image(158, 28);
        pic10.src = "images/titleOver.gif";



//        pic2 = new Image(131,39);
//        pic2.src = "images/btnDown.gif";

//        pic3 = new Image(95,33);
//        pic3.src = "images/btnSelected.gif";

        
    }
}

function SetPageImage(id) {

    if (id != "" ) {
        newImage = "url(images/btnSelected.gif)";
        document.getElementById(id).style.backgroundImage = newImage;
        lastIndex = id;
    }
}

function ChangeImage(id) {
    newImage = "url(images/btnDown.gif)";
    greenImage = "url(images/btnSelected)";


    if (lastIndex != id) {

        document.getElementById(id).style.backgroundImage = newImage;
    }
    else if (lastIndex != id) {
        document.getElementById(id).style.backgroundImage = greenImage;
    }

}
function ChangeToGreen(myDiv) {
    document.getElementById(myDiv).style.backgroundImage = "url(images/titleOver.gif)";
}
function ChangeTobrown(myDiv) {
    document.getElementById(myDiv).style.backgroundImage = "url(images/titleBack.gif)";

}
function ChangeImageBack(id) {

    newImage = "url(images/btnUp.gif)";
    overImage = "url(images/btnDown.gif)";
    if (document.getElementById(id).style.backgroundImage == overImage) {
        document.getElementById(id).style.backgroundImage = newImage;
    }
    else {

    }

}

function ChangeMenuImage(id) {

    document.getElementById(id).style.backgroundImage = "url(images/" + id + "_over.gif)";
    
}
function ChangeMenuImageBack(id) {

    document.getElementById(id).style.backgroundImage = "url(images/" + id + ".gif)";

}



function ChangeImage(id){

    switch (id) {
        case "1":
            document.getElementById('howToGet').src = "images/howToGet_over.gif";
            break;
        case "2":
            document.getElementById('hours_over').src = "images/hours_over.gif";
            break;
        case "3":
            document.getElementById('whatsInside').src = "images/whatsInside_over.gif";
            break;
        case "4":
            document.getElementById('about').src = "images/about_over.gif";
            break;
        case "5":
            document.getElementById('wroteAboutUs').src = "images/wroteAboutUs_over.gif";
            break;
        case "6":
            document.getElementById('contact').src = "images/connect_over.gif";
            break;
    }
      
}