function MenuOver(menuitem,imagetag) {

    var img_src = "";

    switch (menuitem) {
        case 1:
            {
                img_src = "images/HOME_grey.jpg";
                break;
            }
        case 2:
            {
            img_src = "images/ARBORETUM_grey.jpg";
                break;
            }
        case 3:
            {
                img_src = "images/MANSION_grey.jpg";
                break;
            }
        case 4:
            {
                img_src = "images/WOODLAND_grey.jpg";
                break;
            }
        case 5:
            {
                img_src = "images/LEISURE_grey.jpg";
                break;
            }
        case 6:
            {
                img_src = "images/CONTACT_grey.jpg";
                break;
            }
    }
    
    document.getElementById(imagetag).src = img_src;
 }

 function ResetImage(menuitem) {

    var img_src1 = "images/HOME_green.jpg";
    var img_src2 = "images/ARBORETUM_green.jpg";
    var img_src3 = "images/MANSION_green.jpg";
    var img_src4 = "images/WOODLAND_green.jpg";
    var img_src5 = "images/LEISURE_green.jpg";
    var img_src6 = "images/CONTACT_green.jpg";

    switch (menuitem) {
        case 1:
            {
                img_src1 = "images/HOME_grey.jpg";
                break;
            }
        case 2:
            {
                img_src2 = "images/ARBORETUM_grey.jpg";
                break;
            }
        case 3:
            {
                img_src3 = "images/MANSION_grey.jpg";
                break;
            }
        case 4:
            {
                img_src4 = "images/WOODLAND_grey.jpg";
                break;
            }
        case 5:
            {
                img_src5 = "images/LEISURE_grey.jpg";
                break;
            }
        case 6:
            {
                img_src6 = "images/CONTACT_grey.jpg";
                break;
            }
    }
    var imagetag1 = "btnhome";
    var imagetag2 = "btnarboretum";
    var imagetag3 = "btnmansion";
    var imagetag4 = "btnwoodland";
    var imagetag5 = "btnleisure";
    var imagetag6 = "btncontact";
    
    document.getElementById(imagetag1).src = img_src1;
    document.getElementById(imagetag2).src = img_src2;
    document.getElementById(imagetag3).src = img_src3;
    document.getElementById(imagetag4).src = img_src4;
    document.getElementById(imagetag5).src = img_src5;
    document.getElementById(imagetag6).src = img_src6;
}

function showPopUp(el) {

    var sctop = parseInt(document.documentElement.scrollTop);
    var scleft = parseInt(document.documentElement.scrollLeft);
    var winwidth = parseInt(document.documentElement.clientWidth);
    var winheight = parseInt(document.documentElement.clientHeight);

    var ptop = ((winheight - 650) / 2) + sctop;
    var pleft = ((winwidth - 920) / 2) + scleft;

    var dlg = document.getElementById(el)
    dlg.style.left = pleft + "px";
    dlg.style.top = ptop + "px";
    dlg.style.display = "block";


    var cvr = document.getElementById("cover");
    cvr.style.display = "block";
    var cvrHeight = (winheight + sctop);
    //alert(cvrHeight);
    cvr.style.height = cvrHeight + "px";
    if (document.body.style.overflow = "hidden") {
        cvr.style.width = "100%"
        //cvr.style.height = "100%"
    }

}
function closePopUp(el) {
    var cvr = document.getElementById("cover")
    var dlg = document.getElementById(el)
    cvr.style.display = "none"
    dlg.style.display = "none"
    document.body.style.overflowY = "scroll"
}