// JavaScript Document

var mouse = '';
var clickedID = '';

function display(action, id) {
	/* onclick */
	if (action == 'const') {
		for (i=1;i<=100;i++) {
			var doc 	=	document.getElementById("span"+id);	
			if (doc != null) {
				if (i == id) {
				
				
					doc.style.display = "block";
					mouse = 'clicked';
					clickedID = id;
					
				}
				else {
					document.getElementById("span" + i).style.display = "none";
				}
			}
		}
	}
	
	/* mouseover */
	else if (action == 'show'){
		for (i=1;i<=100;i++) {
			var doc 	=	document.getElementById("span"+id);
			if (doc != null) {
			
			
				if (mouse == 'clicked' && clickedID != id) {
					document.getElementById("span" + clickedID).style.display = "none";
					document.getElementById("span" + id).style.display = "block";
				}
				else 
					if (id != i) {
						document.getElementById("span" + i).style.display = "none";
					}
					else {
						document.getElementById("span" + id).style.display = "block";
					}
			}
		}
	}
	
	/* mouseout */
	else if (action == 'hide'){
		if (mouse != 'clicked') {
			document.getElementById("span"+id).style.display = "none";
		}
		else {
			for (i=1;i<=100;i++) {
				if (clickedID != i){
					document.getElementById("span"+i).style.display = "none";
					document.getElementById("span"+clickedID).style.display = "block";	
				}
			}
		}
	}
}