var overlay;

Sys.Application.add_init(function()
{
    $addHandler(window, 'resize', pageResize);
    var events = $q(".showMoreInfo");
    overlay=NS.UI.Popup.create('',''); 

    for (var i = 0; i < events.length; i++)
        $addHandler(events[i], 'click', ShowOverlay);
});

function pageResize()
{
	  var height = YAHOO.util.Dom.getViewportHeight();
	  height = Math.round(height * 96 / 100);
	  var overlayO = $get('eventInfo');
	  if (overlayO != null && typeof(overlayO) != 'undefined'){
	    overlayO.style.height = (height-70).toString() + 'px';
	    var width = Sys.UI.DomElement.getBounds($get('overlayContent')).width;
	    width = width - 40;
	    if (width < 0)
		    width = 100;
	  }
}
function getWindowHeight()
 {
	var body = document.body;
	var html = document.documentElement;
	if (window.innerHeight != null && window.innerHeight > 0)
		return window.innerHeight;
	return html.clientHeight;
 }

function pageUnload()
{
    $removeHandler(window, 'resize', pageResize);
    var events = $q('.showMoreInfo');

    for (var i = 0; i < events.length; i++)
        $removeHandler(events[i], 'click', ShowOverlay);
}
function ShowOverlay(e)
{
    e.preventDefault();
    var tr = e.target;
    while (tr.nodeName.toLowerCase() != 'tr')
        tr = tr.parentNode;
    var id = $q ('.idfield', tr, true).innerHTML;
    var title = $q ('.eventTitle', tr, true).innerHTML;
    var url = $q('a.NSBtn', tr, true).getAttribute('href');
	overlay.show(null);
	overlay._element.innerHTML = "<div id='overlay' class='overlay'><a class='overlay_ex'></a><div id='overlayTitle' class='overlayTitle'></div><div id='overlayContent' class='overlayContent'></div><div id='overlayButtons' class='overlayButtons'></div></div>";
	overlay._box = overlay._element.firstChild;
    overlay.set_content(String.format("<iframe id='eventInfo' src='{1}EventInfoOverlay.aspx?eventId={0}'  frameborder='0' align='right' marginwidth='0px' scrolling='auto' ></iframe>", id, WebsitePath));
	overlay.set_title("<div id=\"overlayTitleBar\" class=\"clearfix\"><h3>" + title + "</h3><div id=\"overlayHeaderBtns\" ><a id=\"overlayCloseBtn\" class=\"NSBtn yellow\" href=\"#\"><span><span>Close</span></span></a><a id=\"overlayFindTicket\" class=\"NSBtn yellow\" href=\"" + url + "\"><span><span>Find Tickets</span></span></a></div></div>");
//	overlay.set_title("<div id=\"overlayTitleBar\" class=\"clearfix\"><h3>" + title + "</h3><div id=\"overlayHeaderBtns\" ><a id=\"overlayCloseBtn\" class=\"NSBtn yellow\" href=\"#\"><span><span>Close</span></span></a><a id=\"overlayFindTicket\" class=\"NSBtn yellow\" href=\"" + WebsitePath + "FindTicket.aspx?eventId=" + id +"\"><span><span>Find Tickets</span></span></a></div></div>");
	overlay.addCssClass("overlayWrapper");
	$get("overlayCloseBtn").onclick = function(){overlay._buttonClick(null); return false; };
	pageResize();
	return false;
}