// JavaScript Document

function contact() {
	var element = document.getElementById('dynamic');
	element.innerHTML = '\
<div id="contact" style="position: absolute; top: '+((window.innerHeight - 327) / 2)+'px; left: '+((window.innerWidth - 280) / 2)+'px; width: 260px; height: 307px; background-image: url(../global/images/hud-bg.png); padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 15px">\
<div align="center" style="width: 100%">Contact Details</div><br />\
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-size: 11px">\
<tr><td valign="top" align="right" width="40%">Address:&nbsp;&nbsp;</td><td width="60%">9 Clifton Terrace<br />South Shields<br />Tyne &amp; Wear<br />NE33 4LD<br /></td></tr>\
<tr><td valign="top" align="right">Phone:&nbsp;&nbsp;</td><td>(0191) 455 1877<br /><br /></td></tr>\
<tr><td align="right">E-Mail:&nbsp;&nbsp;</td><td>web@xart.co.uk</td></tr>\
</table>\
</div>\
	';
	element.style.height = window.innerHeight + 'px';
	element.style.display = 'block';
	element.style.opacity = 1.0;
	
	element.onclick = function () {
		document.getElementById('dynamic').style.display = 'none';
		document.getElementById('dynamic').style.opacity = 0.0;
		
		window.onresize = null;
	};
	
	window.onresize = function () {
		var element = document.getElementById('dynamic');
		element.style.height = window.innerHeight + 'px';
		
		var element = document.getElementById('contact');
		element.style.top = ((window.innerHeight - 327) / 2) + "px";
		element.style.left = ((window.innerWidth - 280) / 2) + "px";
	};
}