/*  dynamic image area map. copyright  2005  RomanticRoad e.k Munich, all rights reserved  */ 

var nrhotarea = 3;
var elemmareaObjs = new Array();

function initImgMaparea()
{
	// create dynamic image elements
	var ctrObj = nrhotarea;
	for ( var i = 1; i <= ctrObj; i++)
	{
		var elemmareatemp = "elemmarea" + i;
		if (document.getElementById)
		{
			elemmareaObjs[i]  = document.getElementById(elemmareatemp).style;
		}
		else
		{
			elemmareaObjs[i] = document[elemmareatemp];
		}
		elemmareaObjs[i].visibility = "hidden";
	}
}	
	
function imghidearea()
{
	for ( var i = 1; i <= nrhotarea; i++)
	{
		elemmareaObjs[i].visibility = "hidden";
	}
}


function imgMapStylearea(idname,xpos, ypos)
{
	document.write("<style type='text/css'>#" + idname + " {position: absolute; top:" + ypos + "px;  left:" + xpos + "px;}</style>");  
} 


function imgMapStdarea(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(438*scrw / 1024); var y1=  Math.floor( 50*scrw / 1024);var x2 = Math.floor( 74*scrw / 1024); var y2=  Math.floor( 124*scrw / 1024);
var x3 = Math.floor(320*scrw / 1024); var y3=  Math.floor( 340*scrw / 1024);


// write html image map elements
document.write("<img src='" + gifname + "'  width='" + imgw + "' height='" + imgh + "' border='0'  usemap='#clickareamap'   class='" + classname + "' />"   + "\n" +
"<map id='clickareamap'  name='clickareamap' >" + "\n" +
"<area shape='circle' coords='" + x1+"," + y1+"," + rdot + "'  href='#landwehrbraeu' onMouseOver='imgSet1area()'  onMouseOut='imgResetarea()'  alt='LandwehrBräu' />" + "\n" +
"<area shape='circle' coords='" + x2+"," + y2+"," + rdot + "'  href='#zumrappen' onMouseOver='imgSet2area()'  onMouseOut='imgResetarea()'  alt='Zum Rappen' />" + "\n" +
"<area shape='circle' coords='" + x3+"," + y3+"," + rdot + "'  href='#maptop'  onMouseOver='imgSet3area()'  onMouseOut='imgResetarea()'  alt='Rothenburg' />" + "\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 +20; 
var y1c = y1 +8; var y2c = y2- hoff -8; var y3c = y3 - hoff -8; 

// write html style elements to set absolute position of popup images
imgMapStylearea("elemmarea1",x1c, y1c);imgMapStylearea("elemmarea2",x2c, y2c);imgMapStylearea("elemmarea3",x3c, y3c);

// write html for popup image elements
document.write("<div id='elemmarea1' >");adaptImg("images/landwehrad2.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemmarea2' >");adaptImg("images/rappen2.jpg",200,150,"menu1");document.write("</div>");
document.write("<div id='elemmarea3' >");adaptImg("images/markplz.jpg",150,200,"menu1");document.write("</div>");

// create dynamic image elements
initImgMaparea();
}


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

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

function imgSet2area()
{
	imghidearea();
	window.elemmareaObjs[2].visibility='visible';  
}

function imgSet3area()
{
	imghidearea();
	window.elemmareaObjs[3].visibility='visible'; 
}