// all scripting written by Paul Gustafsson of giantbrains.net 


// **************************************************************
// dynamically position wrapper division, the page background 
// position, and content background position for each page on 
// the ohl site.
// **************************************************************

function positionWrapper() {
	var wrapperName="#wrapper"		// name given to wrapper ID in html file
	var contentName="#content"		// name given to the content ID in the htnl file
	var wrapperWidth=1000			// width given to the wrapper ID in the html file
	var wrapperYOffset=40			// assigned top position of wrapper ID in pixels
	var wrapperXOffset
	var backgroundXOffset
	var backgroundYOffset=-200		// arbitrarily set 
	var spaceLeftOver=screen.availWidth-wrapperWidth
	
	if (spaceLeftOver<0) {
		wrapperXOffset=0
	} else if (spaceLeftOver>400) {
		wrapperXOffset=200		// arbitrarily set to account for very large screen resolutions
	}
	else {
		wrapperXOffset=spaceLeftOver/2
	}
	backgroundXOffset=wrapperXOffset-140	// arbitrarily set
	
	var output="<style>"
		output+=wrapperName + " " + "{"
			output+="width:" + wrapperWidth + "px\;"
			output+="top:" + wrapperYOffset + "px\;"
			output+="left:" + wrapperXOffset + "px\;"
		output+="}"
		output+="html,body" + " " + "{"
			output+="background-image: url(\"htmlBackground.jpg\")\;"
			output+="background-repeat: no-repeat\;"
			output+="background-position:" + " " + backgroundXOffset + "px" + " " + backgroundYOffset + "px\;"
			output+="background-attachment: fixed\;"
		output+="}"
		output+=contentName + " " + "{"
			output+="background-image: url(\"contentBackground.jpg\")\;"
			output+="background-repeat: no-repeat\;"
			output+="background-position:" + " " + backgroundXOffset + "px" + " " + backgroundYOffset + "px\;"
			output+="background-attachment: fixed\;"
		output+="}"
	output+="</style>"
	document.write(output)
}



// **************************************************************
// dynamically write the header information for every page loaded
// **************************************************************
function doHeader() {
	headerOutput="<img class=\"banner\" src=\"banner.gif\" width=\"1000\" height=\"160\" alt=\"banner gif\">"
	document.write(headerOutput)
}


// **************************************************************
// dynamically write the navigation for every page loaded
// **************************************************************
function doNav() {
	navOutput="<h3 class=\"nav\">navigation</h3>"
	navOutput+="<ul class=\"nav\">"
	navOutput+="<li><a href=\"index.html\">home</a></li>"
	navOutput+="<li><a href=\"accommodations.html\">accommodations</a></li>"
	navOutput+="<li><a href=\"directions.html\">directions map</a></li>"
	navOutput+="<li><a href=\"guide.html\">OHL instruction and guide service</a></li>"
	navOutput+="<li><a href=\"areaPictures.html\">area pictures</a></li>"
	navOutput+="<li><a href=\"areaAttractions.html\">area attractions</a></li>"
	navOutput+="<li><a href=\"fishingMap.html\">North Bear, South Bear  trout map</a></li>"
	navOutput+="<li><a href=\"huntingMap.html\">South Bear state lands map</a></li>"
	navOutput+="<li><a href=\"http://www.iowadnr.com\" onclick=\"openNewWindow(this.href,'ohlSubWindow'); return false;\">Iowa DNR</a></li>"
	navOutput+="<li><a href=\"http://www.midwesttroutfishing.com\" onclick=\"openNewWindow(this.href,'ohlSubWindow'); return false;\">Midwest Trout Fishing</a></li>"
	navOutput+="<li><a href=\"http://www.bearcreekanglers.com\" onclick=\"openNewWindow(this.href,'ohlSubWindow'); return false;\">Bear Creek Anglers guide service</a></li>"
	navOutput+="</ul>"
	document.write(navOutput)
}

// **************************************************************
// dynamically wite the footer information for every page loaded
// **************************************************************
function doFooter() {
	footerOutput="<table class=\"footerTable\" summary=\"page footer includes mailing address, phone number, and email address\">"
		footerOutput+="<thead>"
			footerOutput+="<tr>"
				footerOutput+="<th><span class=\"underline\">mailing address</span></th>"
				footerOutput+="<th><span class=\"underline\">contact information</span></th>"
			footerOutput+="</tr>"
		footerOutput+="</thead>"
		footerOutput+="<tbody>"	
			footerOutput+="<tr>"
				footerOutput+="<td>Old Hospital Lodge<br>3484 Highlandville Road<br>Decorah, Iowa 52101</td>"
				footerOutput+="<td>phone: (563) 546-7847<br>email: <a href=\"mailto:info@oldhospitallodge.com\">info@oldhospitallodge.com</a></td>"
			footerOutput+="</tr>"
		footerOutput+="</tbody>"
	footerOutput+="</table>"
	document.write(footerOutput)
}


// **************************************************************
// open new window with offsite content
// **************************************************************
function openNewWindow(mypage, myname) {
	window.open(mypage, myname)
}