function getPageDimensions() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ 
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { 
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}

	var windowWidth, windowHeight;
	if (self.innerHeight) {	
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { 
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { 
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	var pageDimensions = Array();
	
	pageDimensions.contentHeight = yScroll;
	pageDimensions.height = windowHeight;
	pageDimensions.width = windowWidth;
      
	if (document.all){
		if (!document.documentElement.scrollLeft)
			pageDimensions.scrollX = document.body.scrollLeft;
		else
			pageDimensions.scrollX = document.documentElement.scrollLeft;
	   
		if (!document.documentElement.scrollTop)
			pageDimensions.scrollY = document.body.scrollTop;
		else
			pageDimensions.scrollY = document.documentElement.scrollTop;
	}   
	else
	{
		pageDimensions.scrollX = window.pageXOffset;
		pageDimensions.scrollY = window.pageYOffset;
	}
	
	return pageDimensions;
}

function hideOverlay(){
	document.getElementById("overlay").style.display = "none";
	document.getElementById("tvPanel").style.display = "none";
}

function removeOverlay(){
	var body = document.getElementsByTagName('body')[0];
	body.removeChild(document.getElementById("overlay"));
	body.removeChild(document.getElementById("tvPanel"));
}

function showOverlay(vid){
//	if(document.getElementById("overlay") == null && document.getElementById("tvPanel") == null){
		var overlay = document.createElement('div');
		overlay.setAttribute('id', 'overlay');
		pageDimensions = getPageDimensions();
		overlay.style.height = pageDimensions.contentHeight > pageDimensions.height ? pageDimensions.contentHeight + "px" : pageDimensions.height + "px";
		overlay.style.width = "100%";
		overlay.style.position = "absolute";
		
		if(navigator.userAgent.indexOf('MSIE 6') > -1){
			overlay.style.background = "#000000";
			overlay.style.filter = "alpha(opacity=70)";
		}else{
			overlay.style.background = "url(/images/flash/video_overlay/black-70.png)";
			//overlay.style.background = "url(video_overlay/black-70.png)";
		}
		
		overlay.style.top = "0px";
		overlay.style.left = "0px";
		overlay.style.width = "100%";
		overlay.style.zIndex = "7000";
			
		var body = document.getElementsByTagName('body')[0];
		body.appendChild(overlay);
//		overlay.onclick = function() {hideOverlay();};
		
		var tvPanel = document.createElement('div');
		tvPanel.setAttribute('id', 'tvPanel');
		tvPanel.style.backgroundColor = "#000000";
		tvPanel.style.width = "981px";
		tvPanel.style.height = "700px";
		tvPanel.style.position = "absolute";
		tvPanel.style.border = "8px solid #FFFFFF";	
		tvPanel.style.top = ((pageDimensions.height/2)+pageDimensions.scrollY)-350 + "px";
		tvPanel.style.left = (pageDimensions.width/2)-491 + "px";
		tvPanel.style.zIndex = "7001";
		
		var flashDiv = document.createElement('div');
		flashDiv.setAttribute('id', 'flashDiv');
			
		var body = document.getElementsByTagName('body')[0];
		body.appendChild(tvPanel);
		var tvDiv = document.getElementById('tvPanel');
		tvDiv.appendChild(flashDiv);
	
		var flashvars = {};
		flashvars.xmlfile = "/images/flash/treasures_game/assets/xml/gamedata.xml";
		flashvars.swf = "/images/flash/treasures_game/assets/flash/treasuremapgame.swf";
		var params = {};
		var attributes = {};
	
		swfobject.embedSWF("/images/flash/treasures_game/assets/flash/preloader.swf", "flashDiv", "982", "700", "9.0.0", "/images/flash/treasures_game/assets/flash/expressinstall.swf", flashvars, params, attributes);
//	}else{
//		document.getElementById("overlay").style.display = "";
//		document.getElementById("tvPanel").style.display = "";	
//	}
	
}