// JScript File
  /*
    The following javascipt creates a pop up window using the DOM.
    Code has been extracted from the DOM Scripting book by Jeremy keith
  */
function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
	    window.onload = func;
    }
    else {
	    window.onload = function() {
		    oldonload();
		    func();
	    }
    }
}
function insertAfter(newElement,targetElement) 
{
    var parent = targetElement.parentNode;
        if (parent.lastChild == targetElement) 
        {
            parent.appendChild(newElement);
        } 
        else 
        {
             parent.insertBefore(newElement,targetElement.nextSibling);
        }
}   
var divElement = new Array();

function hideElement() {
    var divElements = document.getElementsByTagName("div");
    
    for (var i=0; i<divElements.length; i++)
    {
       for(var x=0; x<divElements[i].attributes.length; x++)
       {
           if(divElements[i].attributes[x].nodeName.toLowerCase() == 'class')
           {
                if(divElements[i].attributes[x].nodeValue.toLowerCase() == 'hidecontent')
                {
                   // var newDivId = 'hidecontent' + i;
                   // divElements[i].setAttribute('id', newDivId);
                    divElements[i].style.display = 'none';
                    var pClass = 'clicktoexpand';
                    var pId = 'clicktoexpand' + i;
                    var a = document.createElement('a');
                    a.setAttribute('class',pClass);
                    a.setAttribute('id',pId);
                    a.style.display = 'block';
                    a.style.cursor = 'pointer';
                    a.style.textAlign = 'right';
                    a.style.fontWeight= 'bold';
                    a.style.paddingRight='15px';
                    a.style.marginBottom= '4px';
                    a.style.backgroundImage ='url(' + layoutPath + '/images/half_arrow_down.gif)';
                    a.style.backgroundRepeat='no-repeat';
                    a.style.backgroundPosition='100% 5px';
                    var aText = document.createTextNode('Click to expand');
                    a.appendChild(aText);
                    insertAfter(a,divElements[i]); 
                }
           }
       }
    }
}

function showElement(id)
{
    var a =  document.getElementById(id);
    
    if(a.previousSibling.style.display == 'block')
    {
        a.previousSibling.style.display ='none';
        a.style.paddingRight='15px';
        a.style.backgroundImage ='url(' + layoutPath + '/images/half_arrow_down.gif)';
        a.firstChild.nodeValue = 'Click to expand';
    }
    else
    {
        a.previousSibling.style.display = 'block';
        a.style.backgroundImage ='url(' + layoutPath + '/images/half_arrow_up.gif)';
        a.style.backgroundRepeat='no-repeat';
        a.style.backgroundPosition='100% 5px';
        a.firstChild.nodeValue = 'Click to close'; 
    }
}

function clickToExpand()
{
    var links = document.getElementsByTagName('a');
    for (var i=0; i<links.length; i++)
    {
       for(var x=0; x<links[i].attributes.length; x++)
       {
           if(links[i].attributes[x].nodeName.toLowerCase() == 'class')
           { 
                if(links[i].attributes[x].nodeValue.toLowerCase() == 'clicktoexpand')
                {
                    links[i].onclick = function()
                    {
                        showElement(this.getAttribute('id'));
                    }
                }
           }
        }
    }
}
addLoadEvent(hideElement);
addLoadEvent(clickToExpand);