function showImage(imgName, desc)
{
    var str;
    str = "<img class='big' src='" + imgName + "' onclick='hideMe()' style='cursor:pointer;' /><br />";
    str += "<div class='left'>" + desc + "</div>";

    document.getElementById("imagePlace").innerHTML=str;
    document.getElementById("imagePlace").style.visibility='visible';
    //document.getElementById("mybox").style.filter='alpha(opacity=25)';
    //document.getElementById("mybox").style.opacity=0.25;
}

function showTwoImages(imgName1, desc1, imgName2, desc2)
{
    var str;

    str = "<table><tr><td>"

    str += "<img class='big' src='" + imgName1 + "' onclick='hideMe()' style='cursor:pointer;' width='350px' /><br />";
    str += "<div class='left'><i>" + desc1 + "</i></div>";

    str += "</td><td>"


    str += "<img class='big' src='" + imgName2 + "' onclick='hideMe()' style='cursor:pointer;' width='350px' /><br />";
    str += "<div class='left'><i>" + desc2 + "</i></div>";


    str += "</td></tr></table>"

    document.getElementById("imagePlace").innerHTML=str;
    document.getElementById("imagePlace").style.visibility='visible';
    //document.getElementById("mybox").style.filter='alpha(opacity=25)';
    //document.getElementById("mybox").style.opacity=0.25;
}

function hideMe()
{
    document.getElementById("imagePlace").innerHTML="";
    document.getElementById("imagePlace").style.visibility='hidden';
    //document.getElementById("mybox").style.opacity=1.0;
    //document.getElementById("mybox").style.filter='alpha(opacity=100)';
}

function makeMenuVisible()
{
	document.getElementById("menu").style.visibility="visible";
}


function contactAppears()
{
	document.getElementById("contactDetails").style.visibility="visible";
}

function hideContact()
{
	document.getElementById("contactDetails").style.visibility="hidden";
}