//Add event listener for onmouseover accommodate both W3C and Microsoft 
//Toggle the visibility for the newDiv and position it.

document.onmouseover = quickView;


function quickView(e)
{
	if (!e) var e = window.event;
	var target = e.target || e.srcElement;
	var bWide = window.innerWidth || document.documentElement.clientWidth;


	
	if(target.className == 'p-image')
	{
		var dTarg = target.parentNode.lastChild;
		dTarg.style.visibility = 'visible';
		dTarg.style.top = (target.parentNode.offsetTop + 530) + 'px';
		if (target.parentNode.offsetLeft < (bWide * .5))
		{
			dTarg.style.left = (target.parentNode.offsetLeft + 525) + 'px';		
		}
		if (target.parentNode.offsetLeft >= (bWide * .5))
		{
		dTarg.style.left = (target.parentNode.offsetLeft - 297) + 'px';	
		}
		
		target.onmouseout = hideQuickView;
		
		
	    
	}
	
}

function hideQuickView(e)
{
	if (!e) var e = window.event;
	var target = e.target || e.srcElement;
	
	target.parentNode.lastChild.style.visibility = 'hidden';
	
}

