/*

This function loops through all the 'h3' headers in the element 'extra'.
An onlick behaviour is added to each header.
Clicking the header will toggle the 'display' property of all the block level elements under the header.
This is done using the toggleHeader function.
That function also sets a cookie so that the display state is remembered.

This function is triggered when the page loads.
The addLoadEvent.js file is required for this.

*/

addLoadEvent(toggleExtras);
function toggleExtras() {
	if (!document.getElementById) {
		return;
	}
  if (!document.getElementById('myhoops_categories')) {
		return;
	}
  //if (!document.getElementById('myhoops_categories')) {
	//	return;
 // }
  var sidebar = document.getElementById('myhoops_categories');
  var headers = sidebar.getElementsByTagName('h2');
	for (var i=0;i<headers.length;i++) {
		var header = headers[i];
		header.onclick = function() {
			toggleHeader(this);
		};
		header.style.cursor = 'pointer';
		if (!header.getAttribute('title')) {
			header.setAttribute('title','click to hide');
		}
		if (document.cookie.indexOf(header.childNodes[0].nodeValue+"=toggled")!=-1) {
      	toggleHeader(header);
		}
    else
    {
      header.setAttribute('title','click to hide');
      header.setAttribute("class", "hide");
      header.setAttribute("className", "hide");
    }
	}
	showTourCookie();
}

function toggleHeader(header) {
	var container = header.parentNode;
	for (var j=0;j<container.childNodes.length;j++) {
		var current_node = container.childNodes[j];
    if (current_node.nodeType == 1 && current_node.nodeName != 'h2' && current_node.nodeName != 'H2') {
			toggleDisplay(current_node);
		}
	}
  if (header.getAttribute('title') == 'click to hide') {
		header.setAttribute('title','click to display');
		header.setAttribute("class", "");
		header.setAttribute("className", "");
		document.cookie = header.childNodes[0].nodeValue+"=toggled; expires=Fri, 01 Jan 2038 00:00:00 GMT; path=/";
	} else {
		header.setAttribute('title','click to hide');
		header.setAttribute("class", "hide");
		header.setAttribute("className", "hide");
		document.cookie = header.childNodes[0].nodeValue+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
	}
}

function toggleDisplay(element) {
	if (element.style.display != 'none') {
		element.style.display = 'none';
	} else {
		element.style.display = 'block';
	}
}

function hide_tour(nr){
	//document.getElementById('top_nav').setAttribute("class", "push_tour");
	//document.getElementById('top_nav').setAttribute("className", "push_tour");
	if (document.layers){
		current = (document.layers[nr].display == 'none') ? 'block' : 'none';
		document.layers[nr].display = current;
	}
	else if (document.all){
		current = (document.all[nr].style.display == 'none') ? 'block' : 'none';
		document.all[nr].style.display = current;
	}
	else if (document.getElementById){
		vista = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
		document.getElementById(nr).style.display = vista;
	}
	if (document.getElementById(nr).style.display == 'none'){
		//alert('tour closed')
		
		document.getElementById('close_anchor').innerHTML = 'Show Tour';
		var show_status="hide";
		document.cookie = "show_tour=" + show_status + "; expires=Fri, 01 Jan 2038 00:00:00 GMT; path=/";
	}
	else if (document.getElementById(nr).style.display != 'none'){
		//alert('tour open')
		document.getElementById('close_anchor').innerHTML = 'Close Tour';
		var show_status="show";
		document.cookie = "show_tour=" + show_status + "; expires=Fri, 01 Jan 2038 00:00:00 GMT; path=/";
	}
}

function showTourCookie ()
{
 var c_name = "show_tour";
 if (document.cookie.length>0)
  {
  var c_start=document.cookie.indexOf(c_name);
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length + 1; 
	c_value = document.cookie.substr(c_start, 4);
    }
	if(c_value=="hide")
  	{
	 hide_tour('tour');  
  	}
  }
}