function getElementsBySClass(tag, className, node) {
	var classElements = new Array();
	
	if ( node == null ) { node = document; }
	if ( tag == null )  { tag = '*'; }

	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)" + className);
	
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	
	return classElements;
}

function addLoadEvent(func) {
	var oldonload = window.onload;
	
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function hideAll(className) {
	var elements = getElementsBySClass('*', className, document);

	for ( var i in elements ) {
		elements[i].style.display = 'none';
		elements[i].parentNode.style.zIndex = 1;
		elements[i].parentNode.className = '';
	}
}

addLoadEvent(function() {
	var elements = document.getElementById("minefield").getElementsByTagName('li');

	for ( var i in elements ){
		elements[i].onmouseover = function(){
			var node = this.getElementsByTagName('div')[0]; 

			hideAll('tooltip');
			node.style.display = 'block';				
			this.style.zIndex = 100;
			this.className = 'active';
		}		
	}
})

addLoadEvent(function() {
	var elements = document.getElementById("minefield").getElementsByTagName('span');
	
	for ( var i in elements ){			
		if (elements[i].className && elements[i].className.match(/close/) ) {	
			elements[i].onclick = function() {
				var node = this.parentNode.parentNode;
				
				node.style.display = 'none';
				node.parentNode.style.zIndex = 1;
			}
		}
	}
})

addLoadEvent(function() {
	var element = document.getElementById('helpIcon');
	var hoverNode = element.getElementsByTagName('span')[0]; 
	
	element.onmouseover = function(){ hoverNode.style.display = 'block'; }
	element.onmouseout  = function(){ hoverNode.style.display = 'none' ; }
})