function enableHover(id){
	var hoverLinks, enlargeDiv, j, k, i;
	
	if(!document.getElementById || !document.getElementsByTagName) return;
	
	enlargeDiv = document.createElement("div");
	enlargeDiv.id = "showMe";
	enlargeDiv.setAttribute("id", "showMe");
	enlargeDiv.style.position="absolute";
	
	document.getElementsByTagName("body")[0].appendChild(enlargeDiv);
	if(id==null){
		hoverLinks = getElementsByClass("img", "graphic");
	}
	else{
		hoverLinks = getElementsByClass("img", "graphic", id);
	}
	
	for(i = 0; i < hoverLinks.length; i++){
		prepare(hoverLinks[i]);
		
	}
}

function getElementsByClass(t, c, id){
	var ids, tags, cls, i = 0, j = 0;
	var cls = new Array();
	
	if(id == null){
		tags = document.getElementsByTagName(t);
		for(i; i < tags.length; i++){
			if(document.getElementsByTagName(t)[i].className == c){
				cls[j] = tags[i];
				j++;
			}
		}
		return cls;
	}
	else{
		tags = document.getElementById(id).getElementsByTagName(t);
		for(i; i < tags.length; i++){
			if(document.getElementsByTagName(t)[i].className == c){
				cls[j] = tags[i];
				j++;
			}
		}
		return cls;
	}
}

function prepare(element){
	var hoverImageWrapper, hoverImage;
	var source;
	
	source = element.getAttribute("title");
	source = "png/large/" + source;
	element.removeAttribute("title");

	hoverImageWrapper = createEl("div", "hovImWrapper");
	hoverImage = createEl("image", "hoverIm");
	hoverImage.src = source;
	
	hoverImageWrapper.appendChild(hoverImage);
	element.hoverImageWrapper = hoverImageWrapper;
	
	
	element.onmouseover = showImage;
	element.onmouseout = hideImage;
	//element.onmouseover =locate;
}

function showImage(e){
	document.getElementById("showMe").appendChild(this.hoverImageWrapper);
	locate(e);
}

function hideImage(e){
	var d=document.getElementById("showMe");
	if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

function createEl(t,c){
	var x = document.createElement(t);
	x.className = c;
	x.style.display = "block";
	return(x);
}

function locate(e){
	var posx = 0, posy = 0;
	if(e == null) e = window.event;
	if(e.pageX || e.pageY){
		posx = e.pageX;
		posy = e.pageY;
	}
	
	
		
	else if(e.clientX || e.clientY){
		if(document.documentElement.scrollTop){
			posx = e.clientX+document.documentElement.scrollLeft;
			posy = e.clientY+document.documentElement.scrollTop;
		}
		else{
			posx = e.clientX+document.body.scrollLeft;
			posy = e.clientY+document.body.scrollTop;
		}
	}
	
	document.getElementById("showMe").style.top = 100+"px";
	document.getElementById("showMe").style.left = posx-100+"px";
}