var spans = document.getElementsByTagName("span");
var span_tag = "word";
var div_tag = "worddiv";
var showdiv_tag = "showworddiv";

for(i=0;i<spans.length;i++){
	var spanArr = spans[i].id.split("_");
	
        
    if(spanArr[0] == span_tag){
		   spanobj = spans[i].id;
		   divobj = div_tag + "_" + spanArr[1];
		   showdivobj = showdiv_tag + "_" + spanArr[1];
		   
		   getbyid(spanobj).innerHTML = "<a href=### onmouseover=show('" + showdivobj + "') onmouseout=show('" + showdivobj + "')>" + getbyid(spanobj).innerHTML + "</a>" + "<div id="+ showdivobj +" class=divshow style=\"display:none;\" onmouseover=overShow('" + showdivobj + "') onmouseout=outHidden('" + showdivobj + "')>" + getbyid(divobj).innerHTML + "</div>";
			
		
	}   
	
}

function getbyid(id) {
	if (document.getElementById) {
		return document.getElementById(id);
	} else if (document.all) {
		return document.all[id];
	} else if (document.layers) {
		return document.layers[id];
	} else {
		return null;
	}
}

function show(divobj){
	var event=window.event||arguments.callee.caller.arguments[0];
	
	if(getbyid(divobj).style.display == ""){
		getbyid(divobj).style.display="none";
	}else{
		getbyid(divobj).style.display="";
	}
    
}

function overShow(divobj){
	getbyid(divobj).style.display="";
}
function outHidden(divobj){
    getbyid(divobj).style.display="none";

}