function closePreview(artID, imgID, defImg) {
    var imgEle = document.getElementById(imgID);
    if (imgEle) {
        imgEle.src = defImg;
        imgEle.alt = "Open";
        imgEle.title = "Open";
    }
    var artDiv = document.getElementById(artID);
    if (artDiv) {
        artDiv.style.display = "none";
    }
}

function openPreview(artID, targetURL, absID, id2, id3, imgID, defImg, 
                     flipToImg) {

    var artDiv = document.getElementById(artID);
    if (artDiv) {
        if (artDiv.style.display == "block") {
            return closePreview(artID, imgID, defImg);
        }
        else {
            var imgEle = document.getElementById(imgID);
            if (imgEle) {
                imgEle.src = flipToImg;
                imgEle.alt = "Close";
                imgEle.title = "Close";
            }
            getContent(targetURL, artID, id2, id3);
        }
    }

    var absDiv = document.getElementById(absID);
    if(absDiv) {
        absDiv.style.display = "block";
        var absURLOn = document.getElementById(absID+"-on");
        var absURLOff = document.getElementById(absID+"-off");
        if(absURLOn) { absURLOn.style.display="none"; }
        if(absURLOff) { absURLOff.style.display=""; }
    }
}

function getContent(targetURL, updateID, id2, id3) {

    var updateDiv = document.getElementById(updateID);
    if (updateDiv) {
        if(updateDiv.innerHTML.length == 0) {
            updateDiv.innerHTML = '<b>LOADING....</b>';
            targetURL = targetURL.replace(/\#/g,'%23');
            new Ajax.Updater(updateID, targetURL);
        }
        updateDiv.style.display = "block";
    }
    var updateURLOn = document.getElementById(updateID+"-on");
    var updateURLOff = document.getElementById(updateID+"-off");
    if(updateURLOn) { updateURLOn.style.display="none"; }
    if(updateURLOff) { updateURLOff.style.display=""; }

    var div2 = document.getElementById(id2);
    var div3 = document.getElementById(id3);
    if(div2) {
       div2.style.display = "none";
    }
    if(div3) {
       div3.style.display = "none";
    }
    var id2On = document.getElementById(id2+"-on");
    var id2Off = document.getElementById(id2+"-off");
    if(id2On) { id2On.style.display=""; }
    if(id2Off) { id2Off.style.display="none"; }

    var id3On = document.getElementById(id3+"-on");
    var id3Off = document.getElementById(id3+"-off");
    if(id3On) { id3On.style.display=""; }
    if(id3Off) { id3Off.style.display="none"; }
}