imgInit = function() {
	/* Popup summary */
	/* We find all items with the articleTitle class */
	var els = YAHOO.util.Dom.getElementsByClassName('imgPopup', 'img');
	for( var i=0; i < els.length; i++ )
	{
        myTooltip = new YAHOO.widget.Tooltip("myTooltip", { 
            context:els[i], 
            text:"<img src='" + els[i].getAttribute('src') + "' width='200'/>",
            effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25},
            fixedcenter:true
            } );
		/* Unhide the Summary layer when mouse over/ out*/
		//YAHOO.util.Event.addListener( els[i], "mouseover", hoverOver );
		//YAHOO.util.Event.addListener( els[i], "mouseout", hoverOut );
	}
}

function hoverOver()
{
	var src = this.getAttribute('src');
	var poppedImage = document.getElementById('poppedImage');
	poppedImage.setAttribute('src',src);
	
	poppedImage.style.opacity = '0';
	poppedImage.style.position = 'absolute';
	poppedImage.style.left  = YAHOO.util.Dom.getX(this) + 50 + 'px';
	var top = YAHOO.util.Dom.getY(this);
    
	poppedImage.style.top  = top + 30 +'px';
	poppedImage.style.display = '';
	var animIn = new YAHOO.util.Anim( poppedImage, { opacity: { from:0,to: 1 } }, 1, YAHOO.util.Easing.easeOut);
	animIn.animate();    
}
function hoverOut()
{
    var poppedImage = document.getElementById('poppedImage');
	poppedImage.style.display = 'none';
}
YAHOO.util.Event.addListener( window, "load", imgInit );