function toggleItem(sItemID) {
    eItem = document.getElementById(sItemID);

    if (eItem.style.display == 'none') {
        eItem.style.display = 'block';
    } else {
        eItem.style.display = 'none';
    }
}
function toggleHiddenItem(sItemID) {
    eItem = document.getElementById(sItemID);

    if (eItem.style.display == 'block') {
        eItem.style.display = 'none';
    } else {
        eItem.style.display = 'block';
    }
}
function toggleImage(sImageID, sSrc1, sSrc2) {
    eImage = document.getElementById(sImageID);
    sComparisonString = eImage.src.substring(eImage.src.length - sSrc1.length, eImage.src.length);

    if (sComparisonString == sSrc1) {
        eImage.src = sSrc2;
    } else {
        eImage.src = sSrc1;
    }
}

/*
These next two functions from http://www.devarticles.com/c/a/DHTML/Dynamically-Positioned-Layers-by-Mouse-Position/2/
	
*/
function moveObject(obj, e, sText) {
    // step 1
    var tempX = 0;
    var tempY = 0;
    var offset = 15;
    var objHolder = obj;

    // step 2
    obj = document.getElementById(obj);
    if (obj == null) return;

    // step 3
    if (document.all) {
        tempX = event.x + document.body.scrollLeft + 150;
        tempY = event.y + document.body.scrollTop;
    } else {
        tempX = e.pageX;
        tempY = e.pageY;
    }

    // step 4
    if (tempX < 0) { tempX = 0 }
    if (tempY < 0) { tempY = 0 }

    // step 5
    obj.style.top = (tempY + offset) + 'px';
    obj.style.left = (tempX + offset) + 'px';

    // step 6
    displayObject(objHolder, true, sText);
}

function displayObject(obj, show, sText) {
    // step 1
    obj = document.getElementById(obj);
    if (obj == null) return;

    // step 2
    obj.style.display = show ? 'block' : 'none';
    obj.style.visibility = show ? 'visible' : 'hidden';
    obj.innerHTML = sText;
}