function initDisplay() {
	YAHOO.namespace("example.container");
	YAHOO.example.container.display = 
		new YAHOO.widget.Panel("display", 
			{
				effect: {effect:YAHOO.widget.ContainerEffect.FADE, duration:0.2},
				fixedcenter:true,
				modal:true,
				zindex:4,
				visible:false,
				width: "690px",
				height: "500px"
			}
		);
}

function clickHandler(e) {
	var clickedScreen = YAHOO.util.Event.getTarget(e);
	while (clickedScreen.id != "screenshotsContainer") {
		if (clickedScreen.nodeName.toUpperCase() == "IMG") {
			YAHOO.example.container.display.setBody('<img src="' + clickedScreen.src + '" alt="' + clickedScreen.alt + '/>');
			YAHOO.example.container.display.render(document.body);
			YAHOO.example.container.display.show();
			break;
		}
		else {
			clickedScreen = clickedScreen.parentNode;
		}
	}
}

YAHOO.util.Event.onDOMReady(initDisplay);
YAHOO.util.Event.on("screenshotsContainer", "click", clickHandler);