var images = [];
var picHolder;
function loadPics(){
	var targetNames = ['waltwinchell'];
	
	images['waltwinchell'] =  new Image();
	images['waltwinchell'].src = '../images/walt_winchell.jpg';
//	alert('a');
	for(var target in targetNames){
		//alert('b');
		addEvent(document.getElementById(targetNames[target]),'mouseover',function(evt){showPic(evt,targetNames[target]);});
		addEvent(document.getElementById(targetNames[target]),'mouseout',function(evt){hidePic();});
	}

		
	picHolder = document.createElement('div');
	picHolder.className = 'hoverpicholder';
	picHolder.style.display='none';
	document.body.appendChild(picHolder);


}

function hidePic(){
	picHolder.style.display='none';
}
function showPic(evt,targetname){

	var evt = window.event || evt;
	var mousePos = getMousePos(evt);
	//picHolder.innerHTML ="xxx";
	picHolder.appendChild(images[targetname]);
	picHolder.style.display="block";

	picHolder.style.top = mousePos.y +"px";
	picHolder.style.left = mousePos.x+30 +"px";
	//alert('x');

}
	
//
function addEvent(obj, type, fn, capture){
	if(obj.attachEvent){
		obj['e' + type + fn] = fn;
		obj[type + fn] = function(){obj['e' + type + fn](window.event);};
		obj.attachEvent('on' + type, obj[type + fn]);
 	}else{
		obj.addEventListener(type, fn, capture);
	}
}

function removeEvent(obj, type, fn, capture){
	if(obj.detachEvent){
		obj.detachEvent('on' + type, obj[type + fn]);
		obj[type + fn] = null;
	}else{
		obj.removeEventListener(type, fn, capture);
	}
}
function getPosOffset(srcObj, offsetSide){
	for(var totalOffset = srcObj[offsetSide], parentEl = srcObj.offsetParent; parentEl!==null; parentEl = parentEl.offsetParent){
		totalOffset += parentEl[offsetSide];
	}
	return totalOffset;
}
function getMousePos(event){
	var x;
	var y;
	x = event.clientX;
	y = event.clientY;
	return {'x':x,'y':y};
}