$(document).ready(function(){
$('#hmapclose').bind(
			'click',
			function()
			{
				$('#maplayer').hide();
				$('#maplayer').TransferTo(
					{
						to:'hmap',
						className:'transferer2', 
						duration: 300,
						complete: function()
						{
							
							$('#modalOverlay').hide();
						}
					}
				);
			});
$('#hmap').bind(
			'click',
			function()
			{
				var scrollObj=getScrollXY();
				var clientSizeObj=getClientSize();
				var top=Math.floor(scrollObj.scrollTop+(clientSizeObj.clientHeight-601)/2);
				var left=Math.floor(scrollObj.scrollLeft+(clientSizeObj.clientWidth-515)/2);
				document.getElementById('maplayer').style.left=left+'px';
				document.getElementById('maplayer').style.top=top+'px';
				$('#modalOverlay').show();
				$('#hmap').TransferTo(
					{
						to:'maplayer',
						className:'transferer2', 
						duration: 300,
						complete: function()
						{
							$('#maplayer').show();
						}
					}
				);
			});
});
	
	
	function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return { scrollLeft:scrOfX, scrollTop:scrOfY };
}
function getClientSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return { clientWidth:myWidth, clientHeight:myHeight };
}