var sClosed = '<br><hr class="contenthrline">';
var sOpened = '<table align="center" width="90%" cellspacing="0" cellpadding="0"><tr><td width="350"><hr class="contenthrline" align="left"><\/td><td align="center"><img src="\/images\/collapse.gif" border="0" alt="Collapse"><\/td><td width="350" align="right"><hr class="contenthrline"><\/td><\/tr><\/table>';

function showhide(contentID, linkID, closeID) {
    var divAreaVisible = contentID.style.display != "none";
    if(divAreaVisible){
        contentID.style.display = "none";
        linkID.style.display = "";
//        closeID.style.display = "none";
        closeID.innerHTML = sClosed;
    } else {
        contentID.style.display = "";
        linkID.style.display = "none";
//        closeID.style.display = "";
        closeID.innerHTML = '<a href="#" onclick="return showhide('+contentID.id+','+linkID.id+','+closeID.id+');">'+sOpened+'<\/a>';
    }
    return false;
}


//set all the contentdrop divs to hidden
function setAllHidden() {
    var j = 0;
    var k = 1;
    var doc = document.getElementsByTagName('span');
    for (var i = 0; i < doc.length; i++) {
        if (doc[i].className == 'contentdrop') {
            doc[i].style.display="none";
            if (k==2) {j++};
            doc[i].id = 'p'+j;
        } else if (doc[i].className == 'contentlink') {
            if (k==1) {j++};
            doc[i].id = 'l'+j;
            doc[i].innerHTML = '<a href="#" onclick="return showhide(p'+j+',l'+j+',c'+j+');">Read more ...<\/a>';
        } else if (doc[i].className == 'contentbutton') {
            if (k==0) {j++};
//            doc[i].style.display="none";
            doc[i].id = 'c'+j;
            doc[i].innerHTML = sClosed;
        }
    }
}

window.onload = function() {setAllHidden();}