if(window.addEventListener){
	window.addEventListener('load', toggle, false); 
	window.addEventListener('load', readPrefs, false); 
}else{
	window.attachEvent('onload', function(){
		toggle();
		readPrefs();
		})
}

/* Make Toggle Interactive */
function toggle(){
	// grab all h2 elements
	var h = document.getElementById('content').getElementsByTagName('h2');
	// grab all unordered lists
	var u = document.getElementById('content').getElementsByTagName('div');
	
	for(i=0;i<u.length;i++){
		// hide all unordered lists with 'toggle' class
		if(u[i].className == 'toggle'){
			u[i].style.display = 'none';
		}

/*		
		// get all links
		var a = u[i].getElementsByTagName('a');
		for(z=0;z<a.length;z++){
			// checks if link has a class of 'parent'
			if(a[z].className == 'parent'){
				var li = a[z].parentNode;


				// set style
				li.className = 'parent';

				//hide child unordered list
				ul = a[z].nextSibling;
				while (ul.nodeType != 1){
					ul = ul.nextSibling;
				}


				ul.style.display = 'none';

				// make clicking new image hide/show child unordered list
				img.onclick = function(){
					li = this.parentNode;
					ul = li.getElementsByTagName('h2')[0];
					var ulStatus = (ul.style.display == 'none') ? 'block' : 'none';
					ul.style.display = ulStatus;
				}
			}
		}
*/
	}

	for(x=0;x<h.length;x++){
		// assign unique IDS to each h2 element
		h[x].id = 'h2' + x;
		h[x].className = 'maximize';

		// make h2 element show/hide unordered list when clicked
		h[x].onclick = function(){
			var ul = this.nextSibling;

			while (ul.nodeType != 1){
				ul = ul.nextSibling;
			}

			var ulStatus = (ul.style.display == 'none') ? 'block' : 'none';

			ul.style.display = ulStatus;
			var hStatus = (ulStatus == 'block') ? 'minimize' : 'maximize';
			this.className = hStatus;

			// set cookie
			return writePrefs(this.id,ulStatus);
		}
	}
}

/* Write Hide/Show Cookie */
function writePrefs(section,tf){
	var cookieName = section;
	var today = new Date();
	var expires = new Date(today.getTime() + 10*24*60*60*1000);
	var index = (document.cookie != document.cookie) ? document.cookie.indexOf(cookieName) : -1; 

	if (document.cookie){ 
		var index = document.cookie.indexOf(cookieName); 
		if (index != -1) { 
			var namestart = (document.cookie.indexOf("=", index) + 1); 

			if (document.cookie.substring(namestart) == tf){
				return false;
			}
		}
	}

	document.cookie= section + " = " + tf + "; expires=" + expires.toGMTString();
}

/* Read Hide/Show Cookie */
function readPrefs() {
	// grab all h2 elements
	var h = document.getElementById('content').getElementsByTagName('h2');

	// check cookie for hide/show preferences
	for(i=0; i<h.length; i++){
		// gets the element after the h2 heading
		var ul = h[i].nextSibling;
		h[i].id = 'h2' + i;

		// makes sure ul is an element, not a blank space or carriage return
		while (ul.nodeType != 1){
			ul = ul.nextSibling;
		}

		var cookieName = 'h2' + i;

		if (document.cookie.length > 0) {
			var begin = document.cookie.indexOf(cookieName+"="); 
			if (begin != -1) {
				begin += cookieName.length+1; 
				var end = document.cookie.indexOf(";", begin);

				if (end == -1) end = document.cookie.length;

				// gets display status from cookie
				var secValue = unescape(document.cookie.substring(begin, end));

				// sets dispaly status to equal that which was in the cookie
				var secStatus = (secValue == 'none') ? 'none' : 'block';
				var h2Img = (secValue == 'none') ? 'maximize' : 'minimize';

				document.getElementById(cookieName).className = h2Img;
				ul.style.display = secStatus;
			}
		}
	}
}