/**********************************************************
Author:
Adam Barry
Klestrup | partners
www.klestrup-partners.dk

Date: October 14 2008

© 2008 Adam Barry, all rights reserved
-----------------------------------------------------------

Name:
formHelp script

-----------------------------------------------------------
Description:
Function that enable ondemand help in forms.

-----------------------------------------------------------
Usage:
Simply place a link to the this script in the head-section
of the XHTML page. The script will then automatically
execute on page load.

<script type="text/javascript" src="formHelp.js"></script>

<form method="get" action="default.html" onsubmit="return validateForm(this)">
	<fieldset>
		<legend>Form framework</legend>
		<ul>
			<li>
				<label for="name">Name</label><input name="name" id="name" class="text required" type="text" />
				<div class="help">
					<a class="questionMark">?</a>
					<div class="container">

						<h2>CPR-nr.</h2>
						<p>CPR-nummeret skal have formatet <strong>ddmmåå-xxxx</strong>, eks. <strong>241290-1234</strong>.</p>
						<p>Vi skal bruge dit CPR-nummer i forbindelse med en eventuel vurdering af din kreditværdighed.</p>

					</div>
				</div>
			</li>
		</ul>
		<button type="submit"><span><span><span>Submit</span></span></span></button>
		<button type="reset"><span><span><span>Reset</span></span></span></button>
	</fieldset>
</form>

-----------------------------------------------------------
Dependencies:
This script depends on the windowOnLoad-script to execute

**********************************************************/

function formHelp () {
	if (!document.getElementsByTagName) return false;

	var anchors = document.getElementsByTagName('a');

	for (var i = 0; i < anchors.length; i++) {
		var me = anchors[i];

		if (me.className.indexOf("questionMark") > -1) {
			me.onmouseover = function () {
				this.parentNode.className += " visible";
				return false;
			}

			me.onmouseout = function () {
				this.parentNode.className = this.parentNode.className.replace(new RegExp("visible\\b"), "");
			}
		}
	}

}addLoadEvent(function(){formHelp();});