function toggleProduct(prodName, prodDesc, prodImg) {
    var thediv = document.getElementById('displaybox');
    var theotherdiv = document.getElementById('prodDetails');
    var thebuttondiv = document.getElementById('prodClose');
    var thecontent = '';
    var thebutton = '<a href="#" onclick="return toggleProduct(\'\',\'\',\'\');" title="Close"><img alt="Close" src="/images/close.gif" /></a>';
    if (thediv.style.display == "none" && theotherdiv.style.display == "none") {
            // Product image
            thecontent += '<div id="prodImg"><center><img alt="' + prodName + '" src="/images/prod_imgs/full_' +  prodImg + '" /></center></div>\n';
            // Product name and description
            thecontent += '<div id="prodText">\n';
            thecontent += '<div id="prodName">' + prodName + '</div>\n';
            thecontent += '<div id="prodDesc">' + prodDesc + '</div>\n';
            thecontent += '</div>\n';
            thecontent += '<div class="clear"></div>\n';
            thediv.style.display = '';
            theotherdiv.style.display = '';
            thebuttondiv.style.display = '';
            theotherdiv.innerHTML = thecontent;
            thebuttondiv.innerHTML = thebutton;
            window.location = '#top';
    }
    else {
            thediv.style.display = "none";
            theotherdiv.style.display = "none";
            thebuttondiv.style.display = "none";
            theotherdiv.innerHTML = "";
            thebuttondiv.innerHTML = "";
    }
    return false;
}