/*  copyright  2005  RomanticRoad e.k Munich, all rights reserved 

// default values  */ 

var nrhot = 10;
var elemmObjs = new Array();

function initImgMap()
{
	// create dynamic image elements
	var ctrObj = nrhot;
	for ( var i = 1; i <= ctrObj; 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 imgMapStyle(idname,xpos, ypos)
{
	document.write("<style type='text/css'>#" + idname + " {position: absolute; top:" + ypos + "px;  left:" + xpos + "px;}</style>");  
} 

function imgMapStd(rootname,imgwidth,imgheight,classname) 
{
// adapt image sizes to screen size 
var gifname = rootname + scrw +  ".gif";
var imgw = Math.floor(imgwidth * scrw / 1024);
var imgh = Math.floor(imgheight * scrw / 1024);
var rdot =  Math.floor( 10 * scrw / 1024)
var woff = Math.floor(200 * scrw / 1024);
var hoff = Math.floor(150 * scrw / 1024);

// adapt hot spots to screen size
var x1 = Math.floor(134*scrw / 1024); var y1=  Math.floor( 105*scrw / 1024);var x2 = Math.floor( 310*scrw / 1024); var y2=  Math.floor( 430*scrw / 1024);
var x3 = Math.floor(305*scrw / 1024); var y3=  Math.floor( 294*scrw / 1024);var x4 = Math.floor(300*scrw / 1024); var y4=  Math.floor( 145*scrw / 1024);
var x5 = Math.floor(90*scrw / 1024); var y5=  Math.floor( 190*scrw / 1024);var x6 = Math.floor(239*scrw / 1024); var y6=  Math.floor( 236*scrw / 1024);
var x7 = Math.floor(162*scrw / 1024); var y7=  Math.floor( 210*scrw / 1024);var x8 = Math.floor(60*scrw / 1024); var y8=  Math.floor( 150*scrw / 1024);
var x9 = Math.floor(590*scrw / 1024); var y9=  Math.floor(120*scrw / 1024);
var x10 = Math.floor(272*scrw / 1024); var y10=  Math.floor( 317*scrw / 1024);

// write html image map elements
document.write("<img src='" + gifname + "'  width='" + imgw + "' height='" + imgh + "' border='0'  usemap='#clickmap'   class='" + classname + "' />"   + "\n" +
"<map id='clickmap'  name='clickmap' >" + "\n" +
"<area shape='circle' coords='" + x1+"," + y1+"," + rdot +"' href='#altfraenkische-weinstube' onMouseOver='imgSet1()' onMouseOut='imgReset()' alt='Hotel Altfränkische Weinstube' />"+"\n"+
"<area shape='circle' coords='" + x2+"," + y2+"," + rdot +"'  href='#gerberhaus' onMouseOver='imgSet2()'  onMouseOut='imgReset()'  alt='Hotel Gerberhaus' />" + "\n" +
"<area shape='circle' coords='" + x3+"," + y3+"," + rdot +"'  href='#raidel'  onMouseOver='imgSet3()'  onMouseOut='imgReset()'  alt='Hotel Raidel' />" + "\n" +
"<area shape='circle' coords='" + x4+"," + y4+"," + rdot +"' href='#tilman-riemenschneider' onMouseOver='imgSet4()' onMouseOut='imgReset()' alt='Hotel Tilman Riemenschneider' />"+"\n"+
"<area shape='circle' coords='" + x5+"," + y5+"," + rdot +"'  href='#meistertrunk' onMouseOver='imgSet5()'  onMouseOut='imgReset()'  alt='Hotel Meistertrunk' />" + "\n" +
"<area shape='circle' coords='" + x6+"," + y6+"," + rdot +"'  href='#biohotel-zum-baeren' onMouseOver='imgSet6()'  onMouseOut='imgReset()'  " + "\n" +
" alt='BioHotel Zum Bären' />" + "\n" +
"<area shape='circle' coords='" + x7+"," + y7+"," + rdot +"'  href='#gotisches-haus' onMouseOver='imgSet7()'  onMouseOut='imgReset()'  alt='Hotel Gotische Haus' />" + "\n" +
"<area shape='circle' coords='" + x8+"," + y8+"," + rdot +"'  href='#burghotel' onMouseOver='imgSet8()'  onMouseOut='imgReset()'  alt='Burg-Hotel' />" + "\n" +
"<area shape='circle' coords='" + x9+"," + y9+"," + rdot + "'  href='#hotel-hornburg'  onMouseOver='imgSet9()'  onMouseOut='imgReset()'  alt='Hotel Hornburg' />" + "\n" +
"<area shape='circle' coords='" + x10+"," + y10+"," + rdot + "' href='#hotel-goldener-hirsch' onMouseOver='imgSet10()' onMouseOut='imgReset()' alt='Hotel Goldener Hirsch' />" + "\n" +
"</map>");

// set upper left corner absolute position of ech popup image -- values are relative to the absolute position of the container:<div id ="mainmap">imgMapStd</div> 
var x1c = x1 + 8; var x2c = x2 + 8; var x3c = x3 +8; var x4c = x4 +8; var x5c = x5 + 8; var x6c = x6 +8;
var x7c = x7 + 8; var x8c = x8 +8; 
var x9c = x9 - woff -8;  var x10c = x10 +8; 

var y1c = y1 -hoff  +8; var y2c = y2 -hoff  -8; var y3c = y3 -hoff  -8; var y4c = y4 -hoff -8;var y5c = y5 - hoff -8; var y6c = y6;
var y7c = y7 -hoff  -8; var y8c = y8 - hoff -8; 
var y9c = y9; var y10c = y10 -hoff -8;

// write html style elements to set absolute position of popup images
imgMapStyle("elemm1",x1c, y1c);imgMapStyle("elemm2",x2c, y2c);imgMapStyle("elemm3",x3c, y3c);
imgMapStyle("elemm4",x4c, y4c);imgMapStyle("elemm5",x5c, y5c);imgMapStyle("elemm6",x6c, y6c);
imgMapStyle("elemm7",x7c, y7c);imgMapStyle("elemm8",x8c, y8c);
imgMapStyle("elemm9",x9c, y9c);imgMapStyle("elemm10",x10c, y10c);

// write html for popup image elements
document.write("<div id='elemm1' >");adaptImg("images/altfrankische.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm2' >");adaptImg("images/gerberhaus.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm3' >");adaptImg("images/raidel.jpg",200,150,"menu3");document.write("</div>");
document.write("<div id='elemm4' >");adaptImg("images/riemenschneider.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm5' >");adaptImg("images/meistertrunk.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm6' >");adaptImg("images/baeren.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm7' >");adaptImg("images/gotischeshaus.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm8' >");adaptImg("images/burghotel.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemm9' >");adaptImg("images/hornburg.jpg",200,150,"menu3");document.write("</div>");
document.write("<div id='elemm10' >");adaptImg("images/goldenerhirsch.jpg",200,150,"menu1");document.write("</div>");

// create dynamic image elements
initImgMap();
}


function imgReset()
{
	imghide();
	// document.view1.src= "view1.gif";
	// document.view2.src= "view2.gif";
	// document.view3.src= "view3.gif";
}

function imgSet1()
{
	//var randnum = Math.ceil(Math.random() * 2) + 1;
	// var imgfile = "clips/Images3/Img000" + randnum + ".jpg"; 
	// document.view1.src= imgfile;
	// window.elemmObjs[randnum].src='visible';   
	imghide();
	window.elemmObjs[1].visibility='visible' ;  
}

function imgSet2()
{
	imghide();
	window.elemmObjs[2].visibility='visible';  
}

function imgSet3()
{
	imghide();
	window.elemmObjs[3].visibility='visible'; 
}

function imgSet4()
{
	imghide();
	window.elemmObjs[4].visibility='visible';
}

function imgSet5()
{
	imghide();
	window.elemmObjs[5].visibility='visible';
}

function imgSet6()
{
	/*  var randnum = Math.ceil(Math.random() * 2);
	if (randnum == 2)
	{
		var imgfile =  "clips/Images3/Img0001.jpg";
	}
	else 
	{ 
		var imgfile =  "clips/Images0/Img0001.jpg";
	}
	*/
	imghide();
	window.elemmObjs[6].visibility='visible'; 
}

function imgSet7()
{
	imghide();
	window.elemmObjs[7].visibility='visible'; 
}

function imgSet8()
{
	imghide();
	window.elemmObjs[8].visibility='visible';
}

function imgSet9()
{
	imghide();
	window.elemmObjs[9].visibility='visible';
}

function imgSet10()
{
	imghide();
	window.elemmObjs[10].visibility='visible';
}