window.onload = initPic;
var pic = "";
function initPic() {
    for(i=0;i<9;i++){
        pic = "pic" + i;
        if(document.getElementById(pic)) {
            document.getElementById(pic).onclick = populatePic;
        }
        
    }
    if(document.getElementById("ProjPic")) {
        document.getElementById("ProjPic").onclick = populateText;
    }
    function populatePic() {
        parent.document.getElementById("ProjText").style.visibility = "hidden";
        parent.document.getElementById("ProjText").style.visibility = "hidden";
        parent.document.getElementById("ProjPicture").style.width = "auto";
        parent.document.getElementById("ProjPicture").style.height = "auto";
        parent.document.getElementById("ProjPicture").src = this.src;
        var height = document.getElementById("ProjPicture").height;
        var width = document.getElementById("ProjPicture").width;
        if(height < width) {
            parent.document.getElementById("ProjPicture").style.width = "380px";
        }
        if(height >= width) {
            parent.document.getElementById("ProjPicture").style.height = "300px";
        }
        parent.document.getElementById("ProjPic").style.visibility = "visible";
        return false;
    }
    function populateText() {
        document.getElementById("ProjPic").style.visibility = "hidden";
        document.getElementById("ProjText").style.visibility = "visible";
        return false;
    }
}