/*

			 * This block of Javascript will do the following for each <h5> tag in the <div id="faq"> tag:

			 * - Hide the next <div> tag after the <h5>

			 * - Add a click-handler to the <h5> tag to toggle the display style property between "none" and "block"

			 *

			 * It should either be placed at the end of the document (or the relevant <script src=""> should be at the end of the document)

			 * or it should have the "defer" property added to the <script> tag.

			 */

		

			// Returns the next div tag

			function getNextDivTag( tag ) {

				// Find current tag in main DOM

				var parent = tag.parentNode;

				var children = parent.childNodes;

				for( var i=0; i<children.length; i++ ) {

					if (children[i] == tag) break;

				}

				

				// Find next useful tag, which is hopefully a div tag

				var offset = 1;

				while( children[i+offset].nodeName != 'DIV' ) {

					offset++;

				}

				var nextTag = children[i+offset];

				return nextTag;

			}

		

			function gotClick( tag ) {

				var nextTag = getNextDivTag( tag );

				

				// Toggle the div's display state

				if (nextTag.style.display == 'none') {

					nextTag.style.display = 'block';

					

					// Apply expanded style

					tag.className = 'expanded';

				

				} else {

					nextTag.style.display = 'none';

					

					// Apply expanded style

					tag.className = '';

				}

				

			}

			

			// Add the handlers and (initially) switch off the divs

			function addHandlers( tag ) {

				if (!tag) return;

				

				// Add the handlers

				if (tag.nodeName == 'H5') {

					tag.onclick = function() { gotClick(this); }

					tag.style.cursor = 'hand';

					if (navigator.appName.match( new RegExp( "Netscape", "g" ) )) {

						tag.style.cursor = 'pointer';

					} else {

						tag.style.cursor = 'hand';

					}

					var nextTag = getNextDivTag( tag );

					nextTag.style.display = 'none';

				}

				

				// Recursion

				if (!tag.childNodes) return;

				if (tag.childNodes.length == 0) return;

				for( var i=0; i<tag.childNodes.length; i++ ) {

					addHandlers( tag.childNodes[i] );

				}

				

			}

			

			addHandlers( document.getElementById("faq") );