// JScript File
function toggleDiv(divid, type)
{
    if (type == '1')
    {
        if(document.getElementById(divid).style.display == 'none')
        {
          document.getElementById(divid).style.display = 'block';
        }
        else
        {
          document.getElementById(divid).style.display = 'none';
        }
    }
    else
    {
        document.getElementById(divid).style.display = 'none';
    }
}


function InitCollapseDivs()
{
    var divs = document.getElementsByTagName('div');
    for(var j=0;j<divs.length;j++)
	{
	    //[Is it a collapseDiv?]
	    if(divs[j].className.indexOf('collapseDivContainer2') != -1)
	    {
	        //[Get the Div ID]
	        var thisDivID = divs[j].id;
	        //[Iterate through subdivs]
	        var Subdivs = divs[j].getElementsByTagName('div');
	        for(var ii=0;ii<Subdivs.length;ii++)
			{
			    if(Subdivs[ii].className.indexOf('collapseDivHeader') != -1)
			    {
			        //[Set mouseover and mouseclicks]
			        Subdivs[ii].id = thisDivID + "header";
			        /*Subdivs[ii].onmouseover = function() {this.style.cursor = 'pointer';};
					Subdivs[ii].onclick = function() { toggleCollapseDiv(this.id);};*/				
					Subdivs[ii].onmouseover= function() { changeBKGCollapseHeaderOn(this.id);}; 
					Subdivs[ii].onmouseout= function() { changeBKGCollapseHeaderOff(this.id);}; 
					Subdivs[ii].onclick = function() { toggleCollapseDiv(this.id);};
					//Subdivs[ii].onclick= function() { toggleDivCollapse(this.id);};/* */
                    //alert("set div " + thisDivID);
                    //alert(Subdivs[ii].onclick);
				}
				else if(Subdivs[ii].className.indexOf('collapseDivContent') != -1)
				{
				    //[Content Div]
				    //alert("content: " + Subdivs[ii].id);
				    Subdivs[ii].id = thisDivID + "content";
				}
			}
	    }
	}
}


function changeBKGCollapseHeaderOn(myControl)
{
    var myDiv = document.getElementById(myControl);
    if (myDiv.style.backgroundColor != "#efefef")
    {
        myDiv.style.backgroundColor = "#e1ede5";
        myDiv.style.color = "#00451c";
    }
}

function changeBKGCollapseHeaderOff(myControl)
{
    var myDiv = document.getElementById(myControl);
    if (myDiv.style.backgroundColor != "#efefef")
    {
        myDiv.style.backgroundColor = "#ffffff";
        myDiv.style.color = "#00451c";
    }
}


function toggleDivCollapse(divname)
{
    hideCollapseDivs(divname);
    showCollapseDiv(divname) ;   
}

function showCollapseDiv(headerDivName)
{
    var divname = headerDivName.replace("header", "");
    var containerDivName = divname;
    var contentDivName = divname + "content";
    //alert(contentDivName);
    var contentDiv = document.getElementById(contentDivName);
    var headerDiv = document.getElementById(headerDivName);
    //var headerDivName = divname + "header";
    /*var containerDiv = document.getElementById(containerDivName);*/ 
    if (contentDiv.style.visibility == "hidden")
    {
        //[Activate Content Div]
        contentDiv.style.visibility = "visible";
        contentDiv.style.display = "block";
        //[Change Header Style]
        headerDiv.style.backgroundColor = "#efefef";
        //[Change Header icon]
        var headerSubdivs = headerDiv.getElementsByTagName('div');
		for(var j=0;j<headerSubdivs.length;j++)
		{
		    if(headerSubdivs[j].className.indexOf('collapseDivIcon') != -1)
		    {
		        headerSubdivs[j].style.background = "url(Images/minus.gif) center no-repeat";
			}
		}
    }
    else
    {
        //[Deactivate Content Div]
        contentDiv.style.visibility = "hidden";
        contentDiv.style.display = "none";
        //[Change Header Style]
        headerDiv.style.backgroundColor = "#ffffff";
    }
    
}


function hideCollapseDivs(headerDivName)
{
    var divname = headerDivName.replace("header", "");
    var contentDivName = divname + "content";
    var ndivs = document.getElementsByTagName('div');
    for(var j=0;j<ndivs.length;j++)
	{
	    //[Is it a collapseDiv?]
	   if(ndivs[j].className.indexOf('collapseDivContainer2') != -1)
	    {
	    
	        var thisDivID = ndivs[j].id;
	        var Subdivs = ndivs[j].getElementsByTagName('div');
	        for(var ii=0;ii<Subdivs.length;ii++)
			{
			    if(Subdivs[ii].className.indexOf('collapseDivContent') != -1)
				{
				    var ContentDiv = Subdivs[ii];	
				    //alert(ContentDiv.id + "----" + ContentDiv.style.visibility);			    
				    if ((ContentDiv.style.visibility == "visible")&&(ContentDiv.id != contentDivName))
                    {
                        //[Change Content visibility Styles]
                        ContentDiv.style.visibility = "hidden";
                        ContentDiv.style.display = "none";
                    }
				}
				else if(Subdivs[ii].className.indexOf('collapseDivHeader') != -1)
				{
				    var HeaderDiv = Subdivs[ii];	
				    //alert(ContentDiv.id + "----" + ContentDiv.style.visibility);			    
				    if (HeaderDiv.style.backgroundColor != "#ffffff")
                    {
                        //[Change Header Styles]
                        HeaderDiv.style.backgroundColor = "#ffffff";
                        //[Change Header icon]
                        var headerSubdivs = HeaderDiv.getElementsByTagName('div');
                        
		                for(var jt=0;j<headerSubdivs.length;jt++)
		                {
		          
		                    if(headerSubdivs[jt].className.indexOf('collapseDivIcon') != -1)
		                    {
		                        headerSubdivs[jt].style.background = "url(Images/plus.gif) center no-repeat";
			                }
		                }
                    }
				}
			}
	    }
	}
}



function toggleCollapseDiv(headerDivName)
{
    //alert(divname);
    var divname = headerDivName.replace("header", "");
    var containerDivName = divname;// + "container";
    var contentDivName = divname + "content";
    //var headerDivName = divname + "header";
    var containerDiv = document.getElementById(containerDivName);
    var contentDiv = document.getElementById(contentDivName);
    var headerDiv = document.getElementById(headerDivName);
    
    if ((containerDiv != null)&&(headerDiv != null)&&(contentDiv != null))
    {
        //[TO DO: disable all other divs on the page who have a class of "collapseDIV"]   
        if (contentDiv.style.visibility == "hidden")
        {
            //Inactive so activate
            contentDiv.style.visibility = "visible";
            contentDiv.style.display = "block";
            containerDiv.style.border = "1px solid #FFFFFF";
            headerDiv.style.background = "#f6f8f7";
            headerDiv.style.border = "1px solid #D4D4D4";
            var headerSubdivs = headerDiv.getElementsByTagName('div');
			for(var j=0;j<headerSubdivs.length;j++)
			{
			    if(headerSubdivs[j].className.indexOf('collapseDivIcon') != -1)
			    {
			        headerSubdivs[j].style.background = "url(Images/minus.gif) center no-repeat";
				}
			}
        }
        else
        {
            //Active, so deactivate
            contentDiv.style.visibility = "hidden";
            contentDiv.style.display = "none";
            //containerDiv.style.border = "1px solid #D4D4D4";
            headerDiv.style.background = "#FFFFFF";
            headerDiv.style.border = "1px solid #D4D4D4";
            var headerSubdivs = headerDiv.getElementsByTagName('div');
			for(var j=0;j<headerSubdivs.length;j++)
			{
			    if(headerSubdivs[j].className.indexOf('collapseDivIcon') != -1)
			    {
			        headerSubdivs[j].style.background = "url(Images/plus.gif) center no-repeat";
				}
			}
        }
    }
}