var topPos =  0;
var leftPos = 177;
var options = "menubar=no,resizeable=no,scrollbars=yes,status=no";
var dxwin = 600; 
var scrw = 1024;
var pfont = 15;

function openwin(page)
{
	var winVar = window.open(page,"MapWindow","width=" + dxwin + ",height=" + dywin + ",left="+ leftPos + ",top="+ topPos + "," + options + "'"); 
}

function rrlogoex()
{
	
		document.write("<p class='logo'>Copyright &copy;  RomanticRoad "  +
		"All Rights Reserved<br /><small>www.</small><a href='../uscopyright/index.html' class='logo'><big><b>RomanticRoad</b></big>"  +
		"</a><small>.com</small></p>");  
	
		document.write("<p class='logo'><a href='../uscopyright/index.html' class='logo'>About Us</a></p>");  
}

function adaptPage(classname)
{
	var leftpos  =   Math.floor((scrw - 624)/2 );
	var leftposd =  Math.floor(scrw *0.04 );
	var paraw =  Math.floor(0.9 * scrw);
	var tablew = Math.floor(0.9 * scrw);
	var pfonth1 = pfont + 2;
	var intro = classname + "intro";
	var dataclass = "data" + classname;

	document.write("<style type='text/css'>#paraintro {left:" + leftposd + "px;}</style>");  
	document.write("<style type='text/css'>p." + intro + "{width:" + paraw + "px;}</style>");   
	document.write("<style type='text/css'>p." + intro + "{font-size:" + pfont + "px;}</style>");    

	document.write("<style type='text/css'>#mapA {left:" + leftpos + "px;}</style>");    
	document.write("<style type='text/css'>#overlayA {left:" + leftpos + "px;}</style>");  
	document.write("<style type='text/css'>#mapB {left:" + leftpos + "px;}</style>");    

	document.write("<style type='text/css'>table." + dataclass + "{width:" + tablew + "px;}</style>");     
 	document.write("<style type='text/css'>p."   + classname + "{font-size:" + pfont + "px;}</style>");    
	document.write("<style type='text/css'>h1." + classname + "{font-size:" + pfonth1 + "px;}</style>");    
	
	document.write("<style type='text/css'>p.rrpglink {font-size:" + pfont + "px;}</style>");    
 	document.write("<style type='text/css'>p.sighprn {font-size:" + pfont + "px;}</style>");    
} 

function navroll(filename,imgname,linkurl,imgwidth,imgheight,classname,altlabel)
{
	var bnpgname = "images/" + filename  + ".gif";
	var bnpgnameh = "images/" + filename + "h"  + ".gif"; 
	var imgw = Math.floor(imgwidth * scrw / 1024)
	var imgh = Math.floor(imgheight * scrw / 1024)
	var pghtm = linkurl; 
	var pgname = imgname;
	if (linkurl == "h")
	{
		bnpgname = bnpgnameh;
		pghtm = "javascript:void(0);"
	}
	var bnlabel = altlabel;
	document.write("<a href='" + pghtm +  "'  onMouseOver='document." + pgname + ".src=\"" + bnpgnameh + "\"'" + 
	"onMouseOut='document." + pgname + ".src=\"" + bnpgname + "\"'  >" +
	"<img src='" + bnpgname + "'  width='" + imgw + "' height='" + imgh + "' border='0' " +
	"name='" + pgname + "' alt='" + bnlabel + "'  class='" + classname + "' /></a>"); 
} 


function rrnav(town,category,townnorth,townsouth,classname)
{
	var link23 =  "../default.htm#index";
	var row2td1=  "<td align='right'><script language='javascript'  type='text/javascript' >navroll('frogred','n21','sights.htm',42,37,'nav','Sights');</script></td>"	
	var row2td2=  "<td align='right'><script language='javascript'  type='text/javascript' >navroll('frogblue','n22','rooms.htm',42,37,'nav','Rooms');</script></td>"
	var row2td3=  "<td align='center'><script language='javascript'  type='text/javascript' >navroll('bigwizl','n23','" + link23 + "',42,71,'nav','Active Index');</script></td>"	
	var row2td4=  "<td align='left'><script language='javascript'  type='text/javascript' >navroll('froggreen','n24','restaurants.htm',42,37,'nav','Dine');</script></td>"	
	var row2td5=  "<td align='left'><script language='javascript'  type='text/javascript' >navroll('frogyellow','n25','shops.htm',42,37,'nav','Shops');</script></td>"		
	var emptyCol = "<td><script language='javascript'  type='text/javascript' >imgglass(42,37);</script></td>"
	var catNorth =  "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>"
	adaptWidth("table.navwiz",250);adaptTxtTag("p.techcen",750,-2);

	document.write("<p class='techcen'><a id='wizard' name='wizard'></a>Click The Right/Left Frog To Jump To Local Sights (Red), Hotels (Blue), Restaurants (Lime),Or Shops (Yellow). Click The Upper/Lower Frog To Jump To The Town North/South. Click The Wizard To Go To The Romantic Road Active Index.</p>"); 
	
	document.write("<div align='center'>");
	document.write("<table border='0' cellpadding='5' cellspacing='3'  class='" + classname + "' >" + "\n"); 
	if (category == "sigh")
	{
		row2td1=  "<td align='right'><script language='javascript'  type='text/javascript' >navroll('frogred','n21','h',42,37,'nav','Sights');</script></td>"	
		catNorth = "<script language='javascript'  type='text/javascript' >navroll('frogred','n11','" + townnorth + "',42,37,'nav','Sights North');</script>"
		catSouth= "<script language='javascript'  type='text/javascript' >navroll('frogred','n31','"  + townsouth + "',42,37,'nav','Sights South');</script>"		
		
		if (town == "wuerzburg")
		{
			catNorth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		if (town == "fuessen")
		{
			catSouth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		var row1 = "<tr><td align='right' valign='bottom'>" + catNorth + "</td>"  + emptyCol +  emptyCol +  emptyCol +  emptyCol + "</tr>"
		var row2 = "<tr>" + row2td1+ row2td2+ row2td3+ row2td4+ row2td5 + "</tr>";
		var row3 = "<tr><td align='right' valign='bottom'>" + catSouth + "</td>" + emptyCol +  emptyCol +  emptyCol +  emptyCol + "</tr>"
		
		document.write(row1 + "\n"  +  row2 + "\n"  + row3 + "</table>");  
	}
	if (category == "room")
	{
		row2td2=  "<td align='right'><script language='javascript'  type='text/javascript' >navroll('frogblue','n22','h',42,37,'nav','Rooms');</script></td>"
		catNorth = "<script language='javascript'  type='text/javascript' >navroll('frogblue','n12','"+townnorth+"',42,37,'nav','Rooms North');</script>"
		catSouth = "<script language='javascript'  type='text/javascript' >navroll('frogblue','n32','"+townsouth+"',42,37,'nav','Rooms South');</script>"	
		
		if (town == "wuerzburg")
		{
			catNorth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		if (town == "fuessen")
		{
			catSouth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		var row1 = "<tr>" + emptyCol + "<td align='right' valign='bottom'>" + catNorth + "</td>" +  emptyCol +  emptyCol +  emptyCol + "</tr>"
		var row2 = "<tr>" + row2td1+ row2td2+ row2td3+ row2td4+ row2td5 + "</tr>";
		var row3 = "<tr>" + emptyCol + "<td align='right' valign='bottom'>" + catSouth + "</td>" +  emptyCol +  emptyCol +  emptyCol + "</tr>"
		
		document.write(row1 + "\n"  +  row2 + "\n"  + row3 + "</table>");  
	}
	if (category == "dine")
	{
		row2td4=  "<td align='left'><script language='javascript'  type='text/javascript' >navroll('froggreen','n24','h',42,37,'nav','Dine');</script></td>"	
		catNorth = "<script language='javascript'  type='text/javascript' >navroll('froggreen','n14','"+townnorth+"',42,37,'nav','Dinning North');</script>"
		catSouth = "<script language='javascript'  type='text/javascript' >navroll('froggreen','n34','"+townsouth+"',42,37,'nav','Dinning South');</script>"	
		
		if (town == "wuerzburg")
		{
			catNorth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		if (town == "fuessen")
		{
			catSouth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		var row1 = "<tr>" + emptyCol +  emptyCol +  emptyCol + "<td align='left' valign='bottom'>" + catNorth + "</td>" +  emptyCol + "</tr>"
		var row2 = "<tr>" + row2td1+ row2td2+ row2td3+ row2td4+ row2td5 + "</tr>";
		var row3 =  "<tr>" + emptyCol +  emptyCol +  emptyCol + "<td align='left' valign='bottom'>" + catSouth + "</td>" +  emptyCol + "</tr>"
		
		document.write(row1 + "\n"  +  row2 + "\n"  + row3 + "</table>");  
	}
	if (category == "shop")
	{
		row2td5=  "<td align='left'><script language='javascript'  type='text/javascript' >navroll('frogyellow','n25','h',42,37,'nav','Shops');</script></td>"	
		catNorth = "<script language='javascript'  type='text/javascript' >navroll('frogyellow','n15','"+townnorth+"',42,37,'nav','Shops North');</script>"
		catSouth = "<script language='javascript'  type='text/javascript' >navroll('frogyellow','n35','"+townsouth+"',42,37,'nav','Shops South');</script>"	
		if (town == "wuerzburg")
		{
			catNorth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		if (town == "fuessen")
		{
			catSouth = "<script language='javascript'  type='text/javascript' >imgglass(42,37);</script>";
		}		
		var row1 = "<tr>" + emptyCol +  emptyCol +  emptyCol +  emptyCol + "<td align='left' valign='bottom'>" + catNorth +  "</td></tr>"
		var row2 = "<tr>" + row2td1+ row2td2+ row2td3+ row2td4+ row2td5 + "</tr>";
		var row3 = "<tr>" + emptyCol +  emptyCol +  emptyCol +  emptyCol + "<td align='left' valign='bottom'>" + catSouth +  "</td></tr>"
		
		document.write(row1 + "\n"  +  row2 + "\n"  + row3 + "</table>");  
	}
	document.write("</div>");
	rrlogoex();
}

function chgleftpos()
{
	var leftpos  =  Math.floor((scrw - 624)/2 );
	var leftposd =  Math.floor((scrw - 624)/4 );
	var paraw =  Math.floor(800 * scrw / 1024);
	document.write("<style type='text/css'>#map {left:" + leftpos + "px;}</style>");    
	document.write("<style type='text/css'>#overlay {left:" + leftpos + "px;}</style>");   
} 

function chgstyleID(idname,xpos, ypos)
{
	var posx =  Math.floor(xpos * scrw / 1024);
	var posy =  Math.floor(ypos * scrw / 1024);
	document.write("<style type='text/css'>#" + idname + " {position: absolute; top:" + posy + "px;  left:" + posx + "px;}</style>");  
} 

/*
function chgstyleP(classname)
{
	document.write("<style type='text/css'>p." + classname + "{font-size:" + pfont + "px;}</style>");    
}

function chgstyleH4(classname)
{
	var pfonth4 = pfont - 4;
	document.write("<style type='text/css'>h4." + classname + "{font-size:" + pfonth4 + "px;}</style>");    
} 

function imgall(pgname,imgwidth,imgheight,classname,altlabel)
{
	var jpgname = pgname 
	var imgw = Math.floor(imgwidth * scrw / 1024)
	var imgh = Math.floor(imgheight * scrw / 1024)
	var bnlabel = altlabel;
	var nameid = pgname;
	document.write("<img src='" + jpgname + "'  width='" + imgw + "' height='" + imgh + "' border='0' " +
	"alt='" + bnlabel + "'  class='" + classname + "' />");
}


*/


//  Manage  Images  With JS  

function adaptImg(pathname,imgwidth,imgheight,classname)
{
	// var jpgname = "../images/" + pgname + ".jpg";
	var imgw = Math.floor(imgwidth * scrw / 1024)
	var imgh = Math.floor(imgheight * scrw / 1024)
	document.write("<img src='" + pathname + "'  width='" + imgw + "' height='" + imgh + "' border='0'  class='" + classname + "' />");
}

function imggif(filepath,imgwidth,imgheight,classname)
{
	var imgw = Math.floor(imgwidth * scrw / 1024)
	var imgh = Math.floor(imgheight * scrw / 1024)
	var gifname = filepath + scrw + ".gif";
	document.write("<img src='" + gifname + "'    width='" + imgw + "'    height='" + imgh + "'  border='0'   class='" + classname + "' />");

}

function imgglass(imgwidth,imgheight)
{
	var gifname = "images/glass.gif";
	var imgw = Math.floor(imgwidth * scrw / 1024)
	var imgh = Math.floor(imgheight * scrw / 1024)
	document.write("<img src='" + gifname + "'  width='" + imgw + "' height='" + imgh + "' border='0'  />");
}

//  Manage Tags with Style  

function adaptBG(tagdotclass,bgfilename)
{
	var imgbg =  bgfilename;
	document.write("<style type='text/css'>" + tagdotclass + "  {background-image:url(" + imgbg + ");}</style>");    
}



function adaptTxtTag(tagdotclass,txtwidth,dfontsz)
{
	var paraw =  Math.floor(txtwidth * scrw / 1024);
	var fontsz = pfont + dfontsz;
	document.write("<style type='text/css'>" + tagdotclass +  "{font-size:" + fontsz + "px;}</style>");  
	document.write("<style type='text/css'>" + tagdotclass +  "{width:" + paraw + "px;}</style>");      
}

function adaptTxtSize(tagdotclass,dfontsz)
{
	var fontsz = pfont + dfontsz;
	document.write("<style type='text/css'>" + tagdotclass +  "{font-size:" + fontsz + "px;}</style>");  
}


function adaptWidth(tagdotclass,tagwidth)
{
	var tagw = Math.floor(tagwidth  * scrw / 1024);
	document.write("<style type='text/css'>" + tagdotclass +  " {width:" + tagw + "px;}</style>");    
}



//  main program

/*  Main Program Code  */ 

var dxscreen = screen.width;
var dyscreen = screen.height;
var dywin = dyscreen - 55;

	if ( dxscreen < 950 )
	{
		scrw = 800;
		pfont = 11;
		dxwin = 484; 
	}
	else
	{
		if ( dxscreen <  1100 )
		{
			scrw = 1024;
			pfont = 15;
			dxwin = 620; 
		}
		else
		{	
			if ( dxscreen < 1250 )
			{
				scrw = 1152;
				pfont = 17;
				dxwin = 698; 
			}
			else
			{
				scrw = 1280;
				pfont = 18;
				dxwin = 775; 
				if (dyscreen < 950)
				{
					scrw = 1152;
					pfont = 17;
					dxwin = 698; 
				}
				if (dyscreen < 850)
				{
					scrw = 1024;
					pfont = 15;
					dxwin = 620; 
				}
			}
		}
	}

leftPos =  (dxscreen / 2) - (dxwin / 2 + 15);
adaptTxtSize("p.logo",-2);

/* End Main  */