function ToggleDisplay(id)
{
	var elem = document.getElementById('d' + id);
	var elemHead = document.getElementById('h' + id);
	var elemHeadSpan = document.getElementById('n' + id);
	if (elem) 
	{
	    if (elem.style.display != 'block') 
	    {
		    elem.style.display = 'block';
		    elem.style.visibility = 'visible';
		    if(elemHead)
		    {
		        elemHead.className = 'tutContentHeading_Open ui-state-active';
		    }
		    if(elemHeadSpan)
		    {
		        elemHeadSpan.className = 'ui-icon ui-icon-triangle-1-s';
		    }
	    } 
	    else
	    {
		    elem.style.display = 'none';
		    elem.style.visibility = 'hidden';
		    if(elemHead)
		    {
		        elemHead.className = 'tutContentHeading_Closed ui-state-default';
		    }
		    if(elemHeadSpan)
		    {
		        elemHeadSpan.className = 'ui-icon ui-icon-triangle-1-e';
		    }
	    }
	}
}

function ToggleDisplayOpenAll() 
{
    var myspans = document.getElementsByTagName('span');
    var spanlen = myspans.length;
    
    for (var j=0;j<spanlen;j++)
    {
        if (myspans[j].className == 'ui-icon ui-icon-triangle-1-e') 
        {
            myspans[j].className = 'ui-icon ui-icon-triangle-1-s';
        }
    }
    
    var mydivs = document.getElementsByTagName('div');
    var divlen = mydivs.length;

    for (var i=0;i<divlen;i++) 
    {
        if (mydivs[i].className == 'tutContentBody') 
        {
            mydivs[i].style.display='block';
		    mydivs[i].style.visibility = 'visible';
        }
        if (mydivs[i].className == 'tutContentHeading_Closed ui-state-default') 
        {
            mydivs[i].className = 'tutContentHeading_Open ui-state-active';
            
//            // The arrow is a span not a div!
//            var txt = mydivs[i].id;
//            var numb = txt.match(/\d/g);
//            var myID = numb.join("");

//            var elemHeadSpan = document.getElementById('n' + myID);
//            elemHeadSpan.className = 'ui-icon ui-icon-triangle-1-s';
        }
    }
}

function ToggleDisplayCloseAll() 
{
    var myspans = document.getElementsByTagName('span');
    var spanlen = myspans.length;
    
    for (var j=0;j<spanlen;j++)
    {
        if (myspans[j].className == 'ui-icon ui-icon-triangle-1-s') 
        {
            myspans[j].className = 'ui-icon ui-icon-triangle-1-e';
        }
    }
    
    var mydivs = document.getElementsByTagName('div');
    var divlen = mydivs.length;

    for (var i=0;i<divlen;i++) 
    {
        if (mydivs[i].className == 'tutContentBody') 
        {
            mydivs[i].style.display='none';
		    mydivs[i].style.visibility = 'hidden';
        }
        if (mydivs[i].className == 'tutContentHeading_Open ui-state-active') 
        {
            mydivs[i].className = 'tutContentHeading_Closed ui-state-default';
            
//            // The arrow is a span not a div!
//            var txt = mydivs[i].id;
//            var numb = txt.match(/\d/g);
//            var myID = numb.join("");

//            var elemHeadSpan = document.getElementById('n' + myID);
//            elemHeadSpan.className = 'ui-icon ui-icon-triangle-1-e';
        }
    }
}


function ToggleDisplayGeneral(id)
{
	var elem = document.getElementById('tt_' + id);
	if (elem) 
	{
	    if (elem.style.display != 'block') 
	    {
		    elem.style.display = 'block';
		    elem.style.visibility = 'visible';
	    } 
	    else
	    {
		    elem.style.display = 'none';
		    elem.style.visibility = 'hidden';
	    }
	}
}

function ToggleJumpAndOpen(id)
{
	var elem = document.getElementById('d' + id);
	var elemHead = document.getElementById('h' + id);
	var elemHeadSpan = document.getElementById('n' + id);
	
    elem.style.display = 'block';
    elem.style.visibility = 'visible';
    if(elemHead)
    {
        elemHead.className = 'tutContentHeading_Open ui-state-active';
    }
    if(elemHeadSpan)
    {
        elemHeadSpan.className = 'ui-icon ui-icon-triangle-1-s';
    }
    
    window.location = String(window.location).replace(/\#.*$/, "") + ("#cnt" + id.toString());
}