/*  Adaptive Image Map.   Copyright RomanticRoad Munich 2004. All rights reserved  */

// gives a set of div containers (elemm1, elemm2, ....) the visibility attribute.
// defines a popup window ( winImgMap) using scrw, leftPos, topPos and options from file site.js
// produces an image map with nrhot hot spots that adapts to screen size

var nrhot = 7;
// hot spots
var cx1 = new Array();
var cx2 = new Array();
var cy1 = new Array();
var cy2 = new Array();
cx1[1] = 36; cy1[1] = 7; cx2[1] = 168; cy2[1] = 23;
cx1[2] = 34; cy1[2] = 79; cx2[2] =163; cy2[2] = 96;
cx1[3] = 19; cy1[3] = 156; cx2[3] =182; cy2[3] = 171;
cx1[4] = 45; cy1[4] = 230; cx2[4] = 158; cy2[4] = 248;
cx1[5] = 11; cy1[5] = 308; cx2[5] = 184; cy2[5] = 326;
cx1[6] = 32; cy1[6] = 382; cx2[6] = 170; cy2[6] = 399;
cx1[7] = 41; cy1[7] = 453; cx2[7] = 160; cy2[7] = 474;

var hreflink = new Array();
hreflink[1] =  "viewrooms.php";
hreflink[2] =  "packages.php";
hreflink[3] =  "resv.php";
hreflink[4] =  "guestbk.php";
hreflink[5] =  "events.php";
hreflink[6] =  "photome.php";
hreflink[7] =  "story.php";

var elemmObjs = new Array();
var winImgMap;

function popImgMap(url)
{
	// special window
	var dxwina =  Math.floor(620 * scrw / 1024);
	// var leftPosa = dxscreen - dxwina -20;
	closeImgMap();
	winImgMap = window.open(url,"Menu","width=" + dxwina + ",height=" + dywin + ",left=" + leftPos + ",top=" + topPos + options); 
}

function closeImgMap()
{
	if ((winImgMap) && (!winImgMap.closed))
	{
		winImgMap.close();
	}
}


function initImgMap()
{
	for ( var i = 1; i <= nrhot; i++)
	{
		var elemmtemp = "elemm" + i;
		if (document.getElementById)
		{
			elemmObjs[i]  = document.getElementById(elemmtemp).style;
		}
		else
		{
			elemmObjs[i] = document[elemmtemp];
		}
		elemmObjs[i].visibility = "hidden";
	}
}	
	
function imghide()
{
	for ( var i = 1; i <= nrhot; i++)
	{
		elemmObjs[i].visibility = "hidden";
	}
}



function imgMap(imgfile,imgwidth,imgheight,classname) 
{
	var imgfile2 = imgfile + scrw + ".gif";
	var imgw = Math.floor(imgwidth * scrw / 1024);
	var imgh = Math.floor(imgheight * scrw / 1024);

	
	
	var coordx1 = new Array();
	var coordx2 = new Array();
	var coordy1 = new Array();
	var coordy2 = new Array();
	for ( var i = 1; i <= nrhot; i++)
	{
		coordx1[i] = Math.floor(cx1[i] * scrw / 1024);
		coordx2[i] = Math.floor(cx2[i] * scrw / 1024);
		coordy1[i] = Math.floor(cy1[i] * scrw / 1024);
		coordy2[i] = Math.floor(cy2[i] * scrw / 1024);
	}

	document.write("<img src='" + imgfile2 + "'  width='" + imgw + "' height='" + imgh + "' border='0'  usemap='#clkmap'   class='" + classname + "' />" + "\n" +
	"<map name='clkmap' >");
	for ( var i = 1; i <= nrhot; i++)
	{	
		document.write("<area shape='rect'  coords='" + coordx1[i] + "," + coordy1[i] + "," + coordx2[i] + "," + coordy2[i] + "'  " + 
		" href='javascript:popImgMap(\"" + hreflink[i] + "\");imghide()' " + 
		" onMouseOver='elemmObjs[" + i + "].visibility = \"visible\"'   onMouseOut='elemmObjs[" + i + "].visibility = \"hidden\"'  />");
	}
	document.write("</map>");
}