var curWxDiv = 'wxcond';
function showWxDiv (div) {
if (div != null) {
var d = document.getElementById(div);
d.style.display = 'block';
if (curWxDiv != div) hideWxDiv(curWxDiv);
setNavState("nav-" + curWxDiv, 0);
setNavState("nav-" + div, 1);
curWxDiv = div;
}
}
function hideWxDiv (div) {
if (div != null) {
var d = document.getElementById(div);
d.style.display = 'none';
}
}
function setNavState (cur, on) {
if (cur != null) {
var d = document.getElementById(cur);
if (on) d.className = 'navon';
else d.className = '';
}
}
function checkValue (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">');
document.write('#wxdata-wrapper {width: 300px; height: 250px; max-height: 250px; min-height: 250px; line-height: 12px; position: relative; top: 0px; left:0px; border: 1px solid #666; font-family: "Arial","Verdana",sans-serif; text-align: left;}');
document.write('#wxdata-wrapper img { border:0;}');
document.write('#wxdata-wrapper form {margin: 0; padding: 0; }');
document.write('#wxdata-wrapper input, button {padding: 2px; margin: 0; border: 1px solid #666; font-size: 10px; font-weight: normal; color: #666; }');
document.write('#wxdata-wrapper #branding {height: 36px; float: left; position: absolute; top:0px; left:0px; width: 100%; background: #355EAD url("http://weather.bigfishtackle.com/images/block/branding_bg.gif") repeat-x top; }');
document.write('#wxdata-wrapper #wxheader {float: left; width: 100%; position: absolute; top: 36px; left:0px; background: #355EAD url("http://weather.bigfishtackle.com/images/block/tab_bg.gif") repeat-x top; font-size: 10px; line-height: normal; font-weight: bold; }');
document.write('#wxdata-wrapper #wxcontent {width: 100%; height: 123px; min-height: 123px; margin: 0; padding-left: 10px; /*float: left;*/');
document.write('position: absolute; top: 69px; left: 0px; font-size: 9px; color: #333; }');
document.write('html>body #wxdata-wrapper #wxcontent {width: 100%; }');
document.write('#wxdata-wrapper #wxfooter {width: 100%; height: 47px; max-height: 48px; padding-top: 0px; float: left; border-top: 1px solid #999; background-color: #F0F0F0; position: absolute; left: 0px; top: 201px; }');
document.write('#wxdata-wrapper #branding #logo-img {float: left; width: 90px; padding: 3px; }');
document.write('#wxdata-wrapper #branding #logo-title {font-size: 13px; font-family: arial;font-weight: bold; color: #FFF; float: left; display: inline; margin: 5px 0 0 5px; line-height: 1.05em;}');
document.write('#wxdata-wrapper #wxheader ul {margin: 0; padding: 5px 10px 0; list-style: none; }');
document.write('#wxdata-wrapper #wxheader li {float: left; background: url("http://weather.bigfishtackle.com/images/block/tab_l_off.png") no-repeat left top; margin: 0; padding: 0 0 0 4px; }');
document.write('#wxdata-wrapper #wxheader a {float: left; display: block; background: url("http://weather.bigfishtackle.com/images/block/tab_r_off.png") no-repeat right top; padding: 5px 10px 4px 6px; font-size: 10px; line-height: normal; font-weight: bold;}');
document.write('#wxdata-wrapper #wxheader a:link, #wxdata-wrapper #wxheader a:active, #wxdata-wrapper #wxheader a:visited {text-decoration: none; color: #203300; }');
document.write('#wxdata-wrapper #wxheader a:hover {text-decoration: underline; color: #203300; }');
document.write('/* Commented Backslash Hack hides rule from IE5-Mac \*/');
document.write('#wxdata-wrapper #wxheader a { float:none; }');
document.write('/* End IE5-Mac hack */');
document.write('#wxdata-wrapper #wxheader .navon {background-image: url("http://weather.bigfishtackle.com/images/block/tab_l_on.png"); }');
document.write('#wxdata-wrapper #wxheader .navon a, #wxdata-wrapper #wxheader .navon a:link, #wxdata-wrapper #wxheader .navon a:active, #wxdata-wrapper #wxheader .navon a:visited {text-decoration: none; color: #333; }');
document.write('#wxdata-wrapper #wxheader .navon a:hover {text-decoration: underline; color: #333; }');
document.write('#wxdata-wrapper #wxheader .navon a {background-image: url("http://weather.bigfishtackle.com/images/block/tab_r_on.png"); padding-bottom: 5px; }');
document.write('#wxdata-wrapper #wxcontent #wxcond {display: block; }');
document.write('#wxdata-wrapper #wxcontent #wxcond h2, #wxdata-wrapper #wxcontent #astro h2, #wxdata-wrapper #wxcontent #feeding h2,#wxdata-wrapper #wxcontent #tides h2 {font-weight: bold; font-size: 13px; color: #333; margin: 0 0 3px 0; border:0; height: auto; }');
document.write('#wxdata-wrapper #wxcontent #wxcond h4 {font-weight: bold; font-size: 11px; color: #333; margin: 0 0 3px 0; }');
document.write('#wxdata-wrapper #wxfooter #search {float: right; position: absolute; right: 2px;; top: 7px; margin-right: 5px; width: 170px; text-align: right; }');
document.write('html>body #wxdata-wrapper #wxfooter #search {width: 180px; margin-right: 0; }');
document.write('#wxdata-wrapper #wxfooter #search .button {font-size: 9px; width: 20px; height: 18px; padding: 1px; margin:0px; }');
document.write('#wxdata-wrapper #wxfooter #wxlogo {/*float: left;*/');
document.write('position: absolute; left: 0px; top: 8px; width: 80px; margin: 0 0 0 7px;}');
document.write('html>body #wxdata-wrapper #wxfooter #wxlogo {width: 90px; }');
document.write('#wxdata-wrapper #wxfooter #search #wxinput {float: right; margin-right: 0px; width: 180px; }');
document.write('html>body #wxdata-wrapper #wxfooter #search #wxinput {margin-right: 10px; }');
document.write('#wxdata-wrapper #wxfooter #linker {float: right; position: absolute; right: 2px;; bottom: 4px; width: 180px; margin: 2px 5px 0 0; text-align: right; font-size: 10px; font-weight: normal; color: #333; }');
document.write('html>body #wxdata-wrapper #wxfooter #linker {margin-right: 10px; }');
document.write('#wxdata-wrapper #wxfooter #linker a {color: #333; text-decoration: underline; font-size: 10px; font-weight: normal;}');
document.write('#wxdata-wrapper #wxfooter #linker a:hover {color: #FF7C02; text-decoration: none; }');
document.write('#wxdata-wrapper div.curwx {width: 55px; max-height: 91px; min-height: 91px; height:auto !important; height:103px; float: left; background: #fff url("http://weather.bigfishtackle.com/images/block/curwx_bg.png") no-repeat top; border: 1px solid #8A9970; padding: 5px; }');
document.write('html>body #wxdata-wrapper div.curwx {width: 58px; }');
document.write('#wxdata-wrapper div.curwx .day {width: 50px; float: left; display: inline; font-weight: bold; font-size: 12px; margin-top: -19px; /* margin-left: -5px; */');
document.write('position: relative; text-align: center; }');
document.write('#wxdata-wrapper div.curwx .wxicon {width: 50px; float: left; margin-left: 2px; }');
document.write('html>body #wxdata-wrapper div.curwx .wxicon {margin-left: 6px; }');
document.write('#wxdata-wrapper div.curwx .temp {width: 55px; float: left; clear: left; margin-top: 3px; font-weight: bold; font-size: 16px; text-align: center; line-height: 16px; }');
document.write('#wxdata-wrapper div.curwx .wx {width: 55px; float: left; clear: left; font-weight: bold; font-size: 11px; text-align: center; }');
document.write('#wxdata-wrapper div.fcstwx {width: 50px; max-height: 91px; min-height: 91px; min-height: 91px; height:auto !important; height:103px; float: left; background: #FFF; border: 1px solid #CCC; padding: 5px; margin-left: 3px; }');
document.write('html>body #wxdata-wrapper div.fcstwx {width: 55px; }');
document.write('#wxdata-wrapper div.fcstwx .day {width: 50px; float: left; display: inline; font-weight: bold; font-size: 12px; margin-top: -19px; /* margin-left: -5px; */');
document.write('position: relative; text-align: center; }');
document.write('#wxdata-wrapper div.fcstwx .wxicon {width: 50px; float: left; margin-left: 4px; display: inline; }');
document.write('#wxdata-wrapper div.fcstwx .temp {width: 50px; float: left; clear: left; font-weight: bold; font-size: 16px; margin-top: 3px; text-align: center; line-height: 16px; }');
document.write('#wxdata-wrapper div.fcstwx .wx {width: 50px; float: left; clear: left; font-weight: bold; font-size: 11px; text-align: center; }');
document.write('#wxdata-wrapper #wxcontent #astro {display: none; }');
document.write('#wxdata-wrapper div.sun {width: 100%; float: left; display: block; background: #FFF; border: 1px solid #CCC; padding: 5px; margin-bottom: 10px; }');
document.write('#wxdata-wrapper div.sun .details {font-weight: normal; font-size: 11px; }');
document.write('#wxdata-wrapper div.moon {width: 100%; float: left; display: block; background: #355EAD url("http://weather.bigfishtackle.com/images/block/curwx_bg.png") no-repeat top; border: 1px solid #8A9970; padding: 5px; }');
document.write('html>body #wxdata-wrapper div.sun, html>body #wxdata-wrapper div.moon {width: 267px; }');
document.write('#wxdata-wrapper div.moon h4 {font-size: 10px; font-weight: normal; margin: 0 0 5px 0; }');
document.write('#wxdata-wrapper div.moon h3 {font-weight: bold; font-size: 11px; margin: 0 0 3px 0; }');
document.write('#wxdata-wrapper div.moon .wxicon {width: 38px; float: left; display: inline; margin: 0 10px 0 0; }');
document.write('#wxdata-wrapper div.moon .phase {width: 200px; float: left; display: inline; font-weight: bold; font-size: 12px; }');
document.write('#wxdata-wrapper div.moon .stages {width: 200px; float: left; margin-top: 2px; font-size: 11px; }');
document.write('#wxdata-wrapper #wxcontent #feeding,#wxdata-wrapper #wxcontent #tides {display: none; }');
document.write('#wxdata-wrapper #wxcontent #feeding #col,#wxdata-wrapper #wxcontent #tides #col {display: inline; }');
document.write('#wxdata-wrapper #wxcontent #feeding #row,#wxdata-wrapper #wxcontent #tides #row {display: block; }');
document.write('#wxdata-wrapper div.daypeaks, #wxdata-wrapper div.daypeaks2 {width: 100%; float: left; display: inline; background: #355EAD url("http://weather.bigfishtackle.com/images/block/curwx_bg.png") no-repeat top; border: 1px solid #8A9970; padding: 5px; }');
document.write('html>body #wxdata-wrapper div.daypeaks, html>body #wxdata-wrapper div.daypeaks2 {width: 267px; }');
document.write('#wxdata-wrapper div.daypeaks2 {background: #FFF; border: 1px solid #CCC; margin-top: 3px; }');
document.write('#wxdata-wrapper div.daypeaks .day, #wxdata-wrapper div.daypeaks2 .day {width: 80px; float: left; display: inline; margin: 0 0 4px 0; font-weight: bold; font-size: 12px; }');
document.write('#wxdata-wrapper div.daypeaks .title, #wxdata-wrapper div.daypeaks2 .title {width: 50px; display: inline; float: left; margin-bottom: 3px; font-size: 11px; font-weight: bold; color: #000; padding: 3px; }');
document.write('#wxdata-wrapper div.daypeaks .major, #wxdata-wrapper div.daypeaks .minor, #wxdata-wrapper div.daypeaks2 .major, #wxdata-wrapper div.daypeaks2 .minor {width: 63px; display: inline; float: right; margin: 0; font-size: 12px; font-weight: bold; color: #000; background-color: #FFA546; padding: 3px; border: 1px solid #666; text-align: center; }');
document.write('#wxdata-wrapper div.daypeaks .minor, #wxdata-wrapper div.daypeaks2 .minor {background-color: #F5D349; }');
document.write('#wxdata-wrapper div.daypeaks .major, #wxdata-wrapper div.daypeaks2 .major {}');
document.write('#wxdata-wrapper #feeding #key,#wxdata-wrapper #tides #key {float: right; width: 150px; margin-top: -12px; margin-right: 26px; }');
document.write('#wxdata-wrapper #feeding #key .type,#wxdata-wrapper #tides #key .type {float: right; display: inline; width: 69px; text-align: left; font-weight: normal; font-size: 11px; color: #333; }');
document.write('</style>');
document.write('<!--[if IE 7]>');
document.write('<style type="text/css">');
document.write('#wxdata-wrapper div.curwx, #wxdata-wrapper div.curwx .wxicon, #wxdata-wrapper div.curwx .temp, #wxdata-wrapper div.curwx .wx {width: 54px; }');
document.write('#wxdata-wrapper div.curwx .wxicon {margin-left: 7px; width: 52px; }');
document.write('#wxdata-wrapper #feeding #key,#wxdata-wrapper #tides #key {margin-right: 0; }');
document.write('#wxdata-wrapper #feeding #key .type,#wxdata-wrapper #tides #key .type {width: 65px; }');
document.write('</style>');
document.write('<![endif]-->');
document.write('<div>');
document.write('<div id="wxdata-wrapper">');
document.write('<div id="branding">');
document.write('<div id="logo-img"><img src="http://weather.bigfishtackle.com/images/block/bftlogo-top-small.png" width="61" height="30" /></div>');
document.write('<div id="logo-title">Fishing &amp; Hunting Weather<br/><span style="font-size: .8em; ">Cape May, NJ</span></div>');
document.write('</div>');
document.write('<div id="wxheader">');
document.write('    <ul>');
document.write('      <li id="nav-wxcond" class="navon" onClick="showWxDiv(\'wxcond\'); return false;"><a href="#">Weather</a></li>');
document.write('      <li id="nav-astro"><a href="#" onClick="showWxDiv(\'astro\'); return false;">Sun/Moon</a></li>');
document.write('      <li id="nav-feeding"><a href="#" onClick="showWxDiv(\'feeding\'); return false;">Game Fishing</a></li>');
document.write('    </ul>');
document.write('</div>');
document.write('<div id="wxcontent">');
document.write('<div id="wxcond"><h2>&nbsp;</h2>');
document.write('<div class="curwx">');
document.write('<div class="day">Currently</div>');
document.write('<div class="wxicon"><img src="http://weather.bigfishtackle.com/images/fcicons/pcloudy.gif" alt="Partly Cloudy" width="46" height="48" /></div>');
document.write('<div class="temp">46&deg;F</div>');
document.write('<div class="wx">Partly Cloudy</div>');
document.write('</div>');
 document.write('<div class="fcstwx">'); document.write('<div class="day"></div>'); document.write('<div class="wxicon"><img src="http://weather.bigfishtackle.com/images/fcicons/" alt="" width="46" height="48" /></div>'); document.write('<div class="temp">');  document.write('</div>');  document.write('<div class="wx"></div>'); document.write('</div>');
document.write('</div>');
document.write('<div id="astro">');
document.write('<h2>Sun Info</h2>');
document.write('<div class="sun">');
document.write('<div class="details">Sunrise: <strong>----</strong>&nbsp;&nbsp;|&nbsp;&nbsp;Sunset: <strong>----</strong></div>');
document.write('</div>');
document.write('<h2>Moon Info</h2>');
document.write('<div class="moon">');
document.write('<div class="wxicon"><img src="http://weather.bigfishtackle.com/images/moonphases/m1.gif" alt="moon phase" width="38" height="39" /></div>');
document.write('<div class="phase">Waxing Crescent</div>');
document.write('<div class="stages">');
document.write('New Moon: <strong> </strong><br/>');
document.write('New Moon: <strong> </strong>');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<!-- NOTE: divs below are float:right so they are reversed from markup! -->');
document.write('<div id="feeding">');
document.write('<h2>Peak Fishing Times</h2>');
document.write('<div id="key">');
document.write('<div class="type">Major</div>');
document.write('<div class="type">Minor</div>');
document.write('</div>');
document.write('<div class="daypeaks">');
document.write('<div id="row">');
document.write('<div class="day">Today</div>');
document.write('<div class="major">----<br/>----</div>');
document.write('<div class="minor">----<br/>----</div>');
document.write('</div>');
document.write('</div>');
document.write('<div class="daypeaks2">');
document.write('<div id="row">');
document.write('<div class="day">Tomorrow</div>');
document.write('<div class="major">----<br/>----</div>');
document.write('<div class="minor">----<br/>----</div>');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<div id="tides">');
document.write('<h2>Tide Forecast</h2>');
document.write('<div id="key">');
document.write('<div class="type">High</div>');
document.write('<div class="type">Low</div>');
document.write('</div>');
document.write('<div class="daypeaks">');
document.write('<div id="row">');
document.write('<div class="day">Today</div>');
document.write('<div class="major"><br/></div>');
document.write('<div class="minor"><br/></div>');
document.write('</div>');
document.write('</div>');
document.write('<div class="daypeaks2">');
document.write('<div id="row">');
document.write('<div class="day">Tomorrow</div>');
document.write('<div class="major"><br/></div>');
document.write('<div class="minor"><br/></div>');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<div id="wxfooter">');
document.write('<div id="wxlogo">');
document.write('<a href="http://weather.bigfishtackle.com/index.php?forecast=pass&pass=siteweather&zipcode=08204&place=cape+may&state=nj&country=us"><img src="http://weather.bigfishtackle.com/images/block/addursite.png" width="70" height="30" border="0" /></a>');
document.write('</div>');
document.write('<div id="search">');
document.write('<form id="locsearch" name="locsearch" action="http://www.bigfishtackle.com/weather/index.php" method="get" onSubmit="return checkValue(this.pands.value);">');
document.write('<div id="wxinput">');
document.write('<input type="text" id="pands" name="pands" size="25" value="Enter city,state or US zipcode" onFocus="this.value=\'\';" />');
document.write('<input class="button" type="submit" name="submit" value="Go" />');
document.write('</div>');
document.write('</form>');
document.write('</div>');
document.write('<div id="linker">');
document.write('<a href="http://www.bigfishtackle.com">brought to you by BigFishTackle.com</a>');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('</div>');