//Expand second level menu button width

function stretchbut(height, wid, imgid) {
    document.getElementById(imgid).height = height;
    document.getElementById(imgid).width = wid;
    document.getElementById(imgid).style.opacity = 0.5;
}

//Main menu expand

function mouseOver(imgpos,imgid,imgsrc) {
    document.getElementById(imgid).src = imgsrc;

    //Expand and contract menu boxes according to user choice
    switch (imgpos) {
        case 1:
            {
                document.getElementById("imgMenu2").src = "images/pics/menu_compress_2.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_compress_3.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_compress_4.jpg";
                break;

            }
        case 2:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_compress_1.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_compress_3.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_compress_4.jpg";
                break;

            }
        case 3:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_compress_1.jpg";
                document.getElementById("imgMenu2").src = "images/pics/menu_compress_2.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_compress_4.jpg";
                break;

            }
        case 4:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_compress_1.jpg";
                document.getElementById("imgMenu2").src = "images/pics/menu_compress_2.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_compress_3.jpg";
                break;

            }
    }  
}
function mouseOut(imgpos,imgid,imgsrc) {
    document.getElementById(imgid).src = imgsrc;
    
    //Expand and contract menu boxes according to user choice
    switch (imgpos) {
        case 1:
            {
                document.getElementById("imgMenu2").src = "images/pics/menu_2.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_3.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_4.jpg";
                break;
            }
        case 2:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_1.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_3.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_4.jpg";
                break;
            }
        case 3:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_1.jpg";
                document.getElementById("imgMenu2").src = "images/pics/menu_2.jpg";
                document.getElementById("imgMenu4").src = "images/pics/menu_4.jpg";
                break;
            }
        case 4:
            {
                document.getElementById("imgMenu1").src = "images/pics/menu_1.jpg";
                document.getElementById("imgMenu2").src = "images/pics/menu_2.jpg";
                document.getElementById("imgMenu3").src = "images/pics/menu_3.jpg";
                break;
            }
    }  
}