﻿
var curWxDiv = 'wxdata';
var curNav = 'forecast';
function showWxNavDiv (div) {
	if (div != null) {
		var d = document.getElementById(div);
		d.style.display = 'block';
		if (curWxDiv != div) hideWxDiv(curWxDiv);
		curWxDiv = div;
		//document.getElementById('wxsearch').style.display = 'none';
	}
}
function handleWxNav (cur) {
	document.getElementById('wxnav-' + curNav).className = 'wxnav-off';
	document.getElementById('wxnav-' + cur).className = 'wxnav-on';
	curNav = cur;
}
function showWxDiv (div) {
	if (div != null) {
		var d = document.getElementById(div);
		d.style.display = 'block';
	}
}
function hideWxDiv (div) {
	if (div != null) {
		var d = document.getElementById(div);
		d.style.display = 'none';
	}
}
function swapWxDivs (div1, div2, onOnly) {
	if (onOnly == null) onOnly = false;
	var d1 = document.getElementById(div1);
	var d2 = document.getElementById(div2);
	if (d1.style.display != 'block') {
		d1.style.display = 'block';
		d2.style.display = 'none';
	}
	else {
		if (!onOnly) {
			d1.style.display = 'none';
			d2.style.display = 'block';
		}
	}
}
function handleWxSearch (on) {
	if (on) {
		//swapWxDivs('wxsearch', curWxDiv, true);
	}
	else {
		//swapWxDivs(curWxDiv, 'wxsearch', true);
	}
}
function updateWxSwapper (div) {
	var src = document.getElementById('wxpeaktimes');
	var d = document.getElementById(div);
	if (src.style.display == 'block') {
		d.innerHTML = 'View tides';
	}
	else {
		d.innerHTML = 'View fishing times';
	}
}
function initWxSwapperDivs () {
	document.getElementById('wxpeaktimes').style.display = 'none';
	document.getElementById('wxtides').style.display = 'none';
}
function checkWxValue (val) {
	if (val == '' || val == null || val == 'Enter city,state or US zipcode') {
		alert('Please enter a City, State or US zipcode.');
		return false;
	}
	else {
		return true;
	}
}
document.write('<STYLE type=text/css>#wxwrapper {BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid;  MIN-HEIGHT: 60px; BACKGROUND: url(images/banner_bg.png) #355ead repeat-x 50% top; OVERFLOW: hidden; BORDER-LEFT: #666 1px solid; WIDTH: 468px; HEIGHT: 60px; MAX-HEIGHT: 60px; LINE-HEIGHT: 12px; BORDER-BOTTOM: #666 1px solid; FONT-FAMILY: "Arial","Verdana",sans-serif; POSITION: relative; HEIGHT: 60px}');
document.write('#wxwrapper #wxbrand {LEFT: 0px; WIDTH: 56px; POSITION: absolute; TOP: 0px; HEIGHT: 60px}');
document.write('#wxwrapper #wxlinker {LEFT: 250px; WIDTH: 153px; POSITION: absolute; TOP: 0px}');
document.write('#wxwrapper #wxcontent {DISPLAY: inline; LEFT: 60px; FLOAT: left; WIDTH: 408px; POSITION: absolute; TOP: 0px; HEIGHT: 60px}');
document.write('#wxwrapper #wxmodal {	DISPLAY: none; LEFT: -60px; WIDTH: 468px; POSITION: absolute; TOP: 0px; HEIGHT: 60px}');
document.write('#wxwrapper #wxsearch-linker {}');
document.write('#wxwrapper #wxcontent #wxtitle {	DISPLAY: inline; FLOAT: left; WIDTH: 408px; HEIGHT: 15px}');
document.write('#wxwrapper #wxcontent #wxdata {	DISPLAY: block; PADDING-LEFT: 5px; LEFT: 0px; FLOAT: left; MARGIN-LEFT: -5px; WIDTH: 412px; POSITION: absolute; TOP: 15px; HEIGHT: 45px}');
document.write('#wxwrapper #wxcontent #wxastrodata {	DISPLAY: block; PADDING-LEFT: 5px; LEFT: 0px; FLOAT: left; MARGIN-LEFT: -5px; WIDTH: 412px; POSITION: absolute; TOP: 15px; HEIGHT: 45px}');
document.write('#wxwrapper #wxcontent #wxsearch {	DISPLAY: block; PADDING-LEFT: 5px; LEFT: 0px; FLOAT: left; MARGIN-LEFT: -5px; WIDTH: 412px; POSITION: absolute; TOP: 15px; HEIGHT: 45px}');
document.write('#wxwrapper #wxcontent #wxastrodata {	DISPLAY: none}');
document.write('#wxwrapper #wxcontent #wxdata .curwx {	DISPLAY: inline; FLOAT: left; MARGIN: 3px 3px 0px 0px; WIDTH: 97px; HEIGHT: 45px}');
document.write('#wxwrapper #wxcontent #wxdata .forewx {	DISPLAY: inline; FLOAT: left; MARGIN: 3px 3px 0px 0px; WIDTH: 97px; HEIGHT: 45px}');
document.write('#wxwrapper #wxcontent #wxdata #wxastro {	DISPLAY: inline; FLOAT: left; MARGIN: 3px 0px 0px 5px; WIDTH: 200px; POSITION: relative; HEIGHT: 45px}');
document.write('#wxwrapper FORM {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}');
document.write('#wxwrapper INPUT {	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #666 1px solid; COLOR: #666; PADDING-TOP: 0px; BORDER-BOTTOM: #666 1px solid}');
document.write('BUTTON {	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #666 1px solid; COLOR: #666; PADDING-TOP: 0px; BORDER-BOTTOM: #666 1px solid}');
document.write('#wxwrapper #wxdata {	BACKGROUND-COLOR: #fff}');
document.write('#wxwrapper #wxastrodata {	BACKGROUND-COLOR: #fff}');
document.write('#wxwrapper #wxdata {	BACKGROUND-COLOR: #fff}');
document.write('#wxbrand DIV.inner {	text-align:left;PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px}');
document.write('#wxmodal {	FILTER: alpha(opacity=40); BACKGROUND-COLOR: #000; -moz-opacity: .4; opacity: .4}');
document.write('#wxsearch {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center}');
document.write('#wxsearch-linker {	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none}');
document.write('#wxsearch-linker A {	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none}');
document.write('#wxlinker {	FONT-SIZE: 10px; COLOR: #fff; PADDING-TOP: 2px; TEXT-ALIGN: right; TEXT-DECORATION: none}');
document.write('#wxlinker A {	FONT-SIZE: 10px; }');
document.write('#wxlinker A:hover {	FONT-SIZE: 10px; TEXT-DECORATION: underline}');
document.write('#wxtitle DIV.inner {	text-align:left;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN-LEFT: -5px; COLOR: #fff; PADDING-TOP: 1px; float:left;}');
document.write('#wxtitle DIV.wxinput {	PADDING:0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; right: 152px;POSITION: absolute; top:0px;}');
document.write('#wxtitle DIV.wxinput {	PADDING:0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; right: 152px;POSITION: absolute; top:0px;}');
document.write('#wxdata DIV.perwrapper {	text-align:left;DISPLAY: inline; FONT-SIZE: 10px; FLOAT: left}');
document.write('#wxastrodata DIV.perwrapper {	DISPLAY: inline; FONT-SIZE: 10px; FLOAT: left}');
document.write('#wxdata DIV.title {	text-align:left;CLEAR: both; MARGIN-TOP: -2px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 3px; BORDER-BOTTOM: #333 1px solid}');
document.write('#wxastrodata DIV.title {	text-align:left;CLEAR: both; MARGIN-TOP: -2px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 3px; BORDER-BOTTOM: #333 1px solid}');
document.write('#wxdata DIV.details {	DISPLAY: inline; FLOAT: left}');
document.write('#wxastrodata DIV.details {	DISPLAY: inline; FLOAT: left}');
document.write('#wxdata DIV.perimg {	DISPLAY: inline; FLOAT: left; MARGIN: 0px 3px 0px 0px}');
document.write('#wxastrodata DIV.perimg {	DISPLAY: inline; FLOAT: left; MARGIN: 0px 3px 0px 0px}');
document.write('#wxdata DIV.perwrapper .wx {	text-align:left;FONT-WEIGHT: normal; FONT-SIZE: 8px}');
document.write('#wxdata DIV.perwrapper .temp {	text-align:left;FONT-WEIGHT: bold; FONT-SIZE: 11px}');
document.write('#wxdata DIV.perwrapper .lotemp {	FONT-WEIGHT: normal; FONT-SIZE: 11px}');
document.write('#wxastrodata DIV.wxsuninfo {	text-align:left;MARGIN-TOP: 3px; FONT-SIZE: 10px}');
document.write('#wxastrodata DIV.wxmooninfo {	text-align:left;LEFT: 5px; POSITION: absolute; TOP: 15px}');
document.write('#wxastrodata #wxpeaktimes {	DISPLAY: block; FONT-SIZE: 9px; LEFT: 140px; MARGIN: 0px 0px 0px 10px; WIDTH: 257px; POSITION: absolute; TOP: 15px}');
document.write('#wxastrodata #wxtides {	DISPLAY: block; FONT-SIZE: 9px; LEFT: 140px; MARGIN: 0px 0px 0px 10px; WIDTH: 257px; POSITION: absolute; TOP: 15px}');
document.write('#wxastrodata #wxtides {	DISPLAY: none}');
document.write('#wxastrodata #wxpeaktimes .title {	color: #000000;text-align:left;DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: -2px 0px -10px; BORDER-BOTTOM: #333 1px solid}');
document.write('#wxastrodata DIV.wxmooninfo .title {	color: #000000;text-align:left;DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: -2px 0px -10px; BORDER-BOTTOM: #333 1px solid}');
document.write('#wxastrodata #wxtides .title {	color: #000000;text-align:left;DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: -2px 0px -10px; BORDER-BOTTOM: #333 1px solid}');
document.write('#wxastrodata #wxpeaktimes .wxmajor {	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffa546}');
document.write('#wxastrodata #wxtides .wxmajor {	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffa546}');
document.write('#wxastrodata #wxpeaktimes .wxminor {	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #f5d349}');
document.write('#wxastrodata #wxtides .wxminor {	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #f5d349}');
document.write('#wxastrodata DIV.peakrow {	DISPLAY: block; MARGIN: 0px 0px 4px}');
document.write('#wxastrodata #astroswapper {	FONT-SIZE: 10px; LEFT: 207px; WIDTH: 200px; POSITION: absolute; TOP: 5px; TEXT-ALIGN: right}');
document.write('.wxnav-on {	FONT-SIZE: 10px; FONT-SIZE: 10px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none}');
document.write('.wxnav-on A {FONT-SIZE: 10px; 	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none}');
document.write('.wxnav-off {FONT-SIZE: 10px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 1px}');
document.write('.wxnav-off A {	FONT-SIZE: 10px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 1px}');
document.write('</STYLE>');
document.write("<!--[if IE]>\n");
document.write('<STYLE>');
document.write('#wxtitle DIV.wxinput {	top:-2px;}');
document.write('</STYLE>');
document.write("\n<![endif]-->\n");
document.write('<DIV id="wxwrapper">');
document.write('<DIV id="wxbrand">');
document.write('<DIV class="inner"><IMG height="24" src="http://weather.bigfishtackle.com/images/block/bftlogo-top_50x24.png"');
document.write('width="50"></DIV>');
document.write('<DIV id="wxsearch-linker" style="padding-top: 5px;"><A ');
document.write('href="http://weather.bigfishtackle.com/?forecast=pass&pass=siteweather2"><IMG width="48" border="0" height="21" src="http://weather.bigfishtackle.com/images/block/addursite_48x21.png"/>');
document.write('</A></DIV></DIV>');
document.write('<DIV id="wxcontent">');
document.write('<DIV id="wxtitle">');
document.write('<FORM id="locsearch" name="locsearch" style="margin:0px;"  target="_top" ');
document.write('onsubmit="return checkWxValue(this.pands.value);" action="http://www.bigfishtackle.com/weather/index.php" method=get>');
document.write('<DIV class="inner">&nbsp;Morgan City, LA</DIV>');
document.write('<DIV class="wxinput" ><INPUT id="pands" onfocus="this.value=\'\';" size="16"');
document.write('value="Enter US zip code" name="pands"> <INPUT type=submit value=Go name=submit>');
document.write('</DIV></FORM></DIV>');
document.write('<DIV id="wxastrodata">');
document.write('<DIV id="wxastro">');
document.write('<DIV class="wxsuninfo">Sunrise: <STRONG>----</STRONG>&nbsp;&nbsp;Sunset:');
document.write('<STRONG>----</STRONG></DIV>');
document.write('<DIV class="wxmooninfo">');
document.write('<DIV class="perimg"><IMG height="26" alt="moon phase"');
document.write('src="http://weather.bigfishtackle.com/images/moonphases/m1.gif" width="26"></DIV>');
document.write('<DIV class="perwrapper"><SPAN class="title">Moon Phase</SPAN><BR/><SPAN');
document.write('class="details">Waxing Crescent</SPAN> </DIV></DIV></DIV>');
document.write('<DIV id="wxpeaktimes"><SPAN class="title">Today&#39;s Peak Fishing Times</SPAN><BR/>');
document.write('<DIV class="peakrow">Major: <SPAN class="wxmajor">---- |');
document.write('----</SPAN>&nbsp;&nbsp;Minor: <SPAN class="wxminor">---- |');
document.write('----</SPAN></DIV></DIV>');
document.write('<DIV id="wxtides"><SPAN class="title">Today&#39;s Tides</SPAN><BR/>');
	document.write('<DIV class="peakrow">Data not available</DIV>'); 
document.write('</DIV></DIV>');
document.write('<DIV id="wxdata">');
document.write('<DIV class="curwx">');
document.write('<DIV class="perimg"><IMG height="30" alt="Overcast"');
document.write('src="http://weather.bigfishtackle.com/images/fcicons/cloudy.gif" width="30"></DIV>');
document.write('<DIV class="perwrapper">');
document.write('<DIV class="title">Now</DIV>');
document.write('<DIV class="details"><SPAN class="temp">61&deg;F</SPAN><BR/><SPAN class="wx">Overcast</SPAN></DIV></DIV></DIV>');
 	 document.write('<DIV class="forewx">'); document.write('<DIV class="perimg"><IMG height="30" alt="Windy" src="http://weather.bigfishtackle.com/images/fcicons/wind.gif" width="30"></DIV>'); document.write('<DIV class="perwrapper">'); document.write('<DIV class="title">Tuesday</DIV>'); document.write('<DIV class="details"><SPAN class="temp"> 49&deg;F'); 	document.write('/'); 	document.write('<SPAN class=lotemp>31&deg;F</SPAN>'); document.write('</SPAN><BR/><SPAN class="wx">Windy</SPAN></DIV></DIV></DIV>');
  	 document.write('<DIV class="forewx">'); document.write('<DIV class="perimg"><IMG height="30" alt="Partly Sunny" src="http://weather.bigfishtackle.com/images/fcicons/mcloudy.gif" width="30"></DIV>'); document.write('<DIV class="perwrapper">'); document.write('<DIV class="title">Wednesday</DIV>'); document.write('<DIV class="details"><SPAN class="temp"> 50&deg;F'); 	document.write('/'); 	document.write('<SPAN class=lotemp>35&deg;F</SPAN>'); document.write('</SPAN><BR/><SPAN class="wx">Partly Sunny</SPAN></DIV></DIV></DIV>');
  	 document.write('<DIV class="forewx">'); document.write('<DIV class="perimg"><IMG height="30" alt="Rain" src="http://weather.bigfishtackle.com/images/fcicons/rain.gif" width="30"></DIV>'); document.write('<DIV class="perwrapper">'); document.write('<DIV class="title">Thursday</DIV>'); document.write('<DIV class="details"><SPAN class="temp"> 49&deg;F'); 	document.write('/'); 	document.write('<SPAN class=lotemp>41&deg;F</SPAN>'); document.write('</SPAN><BR/><SPAN class="wx">Rain</SPAN></DIV></DIV></DIV>');
 
document.write('</DIV>');
document.write('<DIV id="wxlinker"><SPAN class="wxnav-on" id="wxnav-forecast"><A ');
document.write('href="javascript:showWxNavDiv(\'wxdata\');handleWxNav(\'forecast\');">Forecast</A></SPAN>');
document.write('| <SPAN class="wxnav-off" id="wxnav-feeding"><A ');
document.write('href="javascript:showWxNavDiv(\'wxastrodata\');swapWxDivs(\'wxpeaktimes\',\'wxtides\',true);handleWxNav(\'feeding\');">Feeding</A></SPAN>');
document.write('| <SPAN class="wxnav-off" id="wxnav-tides"><A ');
document.write('href="javascript:showWxNavDiv(\'wxastrodata\');swapWxDivs(\'wxtides\',\'wxpeaktimes\',true);handleWxNav(\'tides\');">Tides</A></SPAN>');
document.write('</DIV></DIV>');
document.write('</DIV>');
initWxSwapperDivs();
