// JavaScript Document

function productDetail(detail) {
    var detailBox = eval('document.getElementById("' + detail + 'Detail")');
    var arrowImage = eval('document.getElementById("' + detail + 'Arrow")');
    var toggleText = eval('document.getElementById("' + detail + 'Tog")');
    
    if (detailBox.style.display != "block") {
        detailBox.style.display = "block";
        toggleText.innerHTML = '<img src="/images/microsites/bullet-arrow-dwn.gif" alt="arrow" width="12" height="9" />';
    }
    else {
        detailBox.style.display = "none";
        toggleText.innerHTML = '<img src="/images/microsites/bullet-arrow.gif" alt="arrow" width="9" height="12" />';
    }
}