function toggleNav(strElement,strImage)
{
    var element = document.getElementById(strElement);
    element.src = "/Images/SiteImages/nav/" + strImage;
}

function toggleImpactOn()
{
    var element = document.getElementById("navGetInvloved");
    element.src = "/Images/SiteImages/nav/Get_Involved_Over.jpg";
    var DDelement = document.getElementById("ddInvolved");
    DDelement.style.display = "inline";
}
function toggleImpactOff()
{
    var element = document.getElementById("navGetInvloved");
    element.src = "/Images/SiteImages/nav/Get_Involved.jpg";
    var DDelement = document.getElementById("ddInvolved");
    DDelement.style.display = "none";
}
function toggleTeamOn()
{
    var element = document.getElementById("navCreative");
    element.src = "/Images/SiteImages/nav/CreativeTeam_Over.jpg";
    var DDelement = document.getElementById("ddTeam");
    DDelement.style.display = "inline";
}
function toggleTeamOff()
{
    var element = document.getElementById("navCreative");
    element.src = "/Images/SiteImages/nav/CreativeTeam.jpg";
    var DDelement = document.getElementById("ddTeam");
    DDelement.style.display = "none";
}

var maskOpacity = 0;
function viewImage(image)
{
    var imageDisplay = document.getElementById("imageDisplay");
    imageDisplay.src = "/Gallery/Images/" + image;
    var mask = document.getElementById("mask");
    var clientWidth = document.documentElement.clientWidth;
    var clientHeight = document.documentElement.clientHeight;
    var scrollHeight = document.documentElement.scrollHeight;
    if (clientHeight > scrollHeight)
    {
        mask.style.height = clientHeight + "px";
    }
    else
    {
       mask.style.height = scrollHeight + "px"; 
    }
    mask.style.width = clientWidth + "px";
    mask.style.opacity = ".00";
    mask.style.filter = "alpha(opacity=00)";
    mask.style.display = "inline";
    fadeImageIn()
}
function fadeImageIn()
{
    if (maskOpacity != 7)
    {
        var BG = document.getElementById("mask");
        maskOpacity += 1;
        BG.style.opacity = maskOpacity/10;
        BG.style.filter = 'alpha(opacity=' + maskOpacity * 10 + ')';
        setTimeout(fadeImageIn,25);
    }
    else
    {
        var imageContainer = document.getElementById("imageContainer");
        var clientHeight = document.documentElement.clientHeight;
        var scrollHeight = document.documentElement.scrollHeight;
        var clientWidth = document.documentElement.clientWidth;
        if (clientHeight > scrollHeight)
        {
            imageContainer.style.height = (clientHeight - 100) + "px";
        }
        else
        {
            imageContainer.style.height = (scrollHeight - 100) + "px"; 
        }
        imageContainer.style.width = clientWidth + "px";
        imageContainer.style.display = "inline";
    }
}
function closeImageWindow()
{
    var mask = document.getElementById("mask");
    var imageContainer = document.getElementById("imageContainer");
    mask.style.display = "none";
    imageContainer.style.display = "none";
    maskOpacity = 0;
}