I got the map up and running with my adjacent local radar sites and that part is fine.But when I include it
into my WD template set I get erratic spacing and I loose the ability to set it for wide screen view.
I keep a full set of WD Ajax PHP templates on hand as a test bed and I put your custom radar up on it. The code for it is posted below. Hopefully this will give you a basic base on which to get started on.
<?php
############################################################################
# A Project of TNET Services, Inc. and Saratoga-Weather.org (WD-USA template set)
############################################################################
#
# Project: Sample Included Website Design
# Module: sample.php
# Purpose: Sample Page
# Authors: Kevin W. Reed <kreed@tnet.com>
# TNET Services, Inc.
#
# Copyright: (c) 1992-2007 Copyright TNET Services, Inc.
############################################################################
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA
############################################################################
# This document uses Tab 4 Settings
############################################################################
require_once("Settings.php");
require_once("common.php");
############################################################################
$TITLE= $SITE['organ'] . " - Sample Blank Page";
$showGizmo = true; // set to false to exclude the gizmo
include("top.php");
############################################################################
?><script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAApVH5R1WAZavUfa72-vDaqBSF8lR4t3ETuN5S-hDg3GOCtY7pxRTQgZqT9nvKpwT704A3pifYCY1RYw" type="text/javascript">
</script>
<script src="http://www.eldoradocountyweather.com/current/misc/google-maps/dax/radar.js"></script>
<script src="http://www.eldoradocountyweather.com/current/misc/google-maps/dax/ridge.js"></script>
<script>
var Clock ;
var Cycle ;
var Google;
var Helper;
var Last= 0;
var Skew= 0;
var Wrap= 10;
var Idle=100;
var Back=500;
var Radar=[];
var Ridge=["FCX","MRX","RLX","AKQ","RAX"];
var Product="NCR";
function Pause(pause)
{
Idle=pause*10;
Back=pause*50;
}
function Opacity(opacity)
{
for (var i=0;Ridge[i];i++)
{
Radar[i].opacity(opacity);
}
}
function Loop()
{
for (var i=0;Ridge[i];i++)
{
Helper.childNodes[i].childNodes[0].data=Radar[i].select(Last);
}
Last=(Last+1)%Wrap;
Clock=clearTimeout(Clock);
Clock=setTimeout("Loop()",Last ? Idle : Back);
}
function Feed()
{
var stub="http://www.srh.noaa.gov/ridge2/JSON_generator.php?callback=CallBack&frames="+Wrap;
for (var i=0;Ridge[i];i++)
{
Radar[i].feed(stub+"&rid="+Ridge[i]+"&product="+Product);
}
Cycle=clearTimeout(Cycle);
Cycle=setTimeout("Feed()",150000);
}
function CallBack(callback)
{
var stub="http://www.srh.noaa.gov/";
var pair;
var reload=[];
for (var i=0;callback.directory[i];i++)
{
pair=callback.directory[i].match(/([A-Z][A-Z][A-Z]|[A-Z][0-9][A-Z])/g);
reload[i]=stub+callback.directory[i];
}
for (var i=0;Ridge[i];i++)
{
if (pair) if (pair[0]==Product) if (pair[1]==Ridge[i]) Radar[i].reload(reload);
}
}
function Load()
{
Google=document.getElementById("google");
Google.style.width ="650px";
Google.style.height="650px";
GDraggableObject.setDraggableCursor("pointer");
GDraggableObject.setDraggingCursor ("pointer");
Google=new GMap2(Google);
Google.setCenter (new GLatLng(37.164,-080.269),7, G_PHYSICAL_MAP);
Google.setUIToDefault();
Helper=document.getElementById("helper");
for (var i=0;Ridge[i];i++)
{
Helper.appendChild(document.createElement("DIV"));
Helper.childNodes[i].appendChild(document.createTextNode(""));
Radar[i]=new FrameAnimationLayerOverlay({bbox:BBox(Ridge[i],Product),size:{x:550,y:550},last:Last,skew:Skew,wrap:Wrap,name:Ridge[i]+"_"+Product});
Google.addOverlay(Radar[i]);
}
Feed();
Loop();
}
function Free()
{
GUnload();
}
</script>
</head>
<body onload="Load();" onunload="Free();">
<?php
############################################################################
include("header.php");
############################################################################
include("menubar.php");
############################################################################
?><div id="main-copy">
<br/>
<div align="center">
<span style="font-size:18px; color:#000000; font-weight:bold;">NWS Area Nexrad Radar Image</span>
<br/><br/><br/>
<div style="border: 1px solid #036;" id="google" align="center"></div>
<div id="helper" align="center"></div>
<br/>
<div style="border: 1px solid #036;" align="center">
<div>
<input type="radio" name="pause" onclick="Pause( 5);"/> Extra Fast
<input type="radio" name="pause" onclick="Pause( 8);"/> Fast
<input type="radio" name="pause" onclick="Pause(12);"/> Medium
<input type="radio" name="pause" onclick="Pause(18);"/> Slow
<input type="radio" name="pause" onclick="Pause(25);"/> Extra Slow
<input type="radio" name="pause" onclick="Pause( 2000);"/> Pause
</div>
<div>Opacity
<input type="radio" name="opacity" onclick="Opacity(0.25);"/> 25%
<input type="radio" name="opacity" onclick="Opacity(0.50);"/> 50%
<input type="radio" name="opacity" onclick="Opacity(0.75);"/> 75%
<input type="radio" name="opacity" onclick="Opacity(1.00);"/> 100%
</div>
</div>
<br/><br/>
<script type="text/javascript"><!--
google_ad_client = "pub-2015801794975764";
/* 468x60, created 9/14/08 */
google_ad_slot = "9969387125";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/><br/>
<table width="80%">
<tr><td align="center">
<!-- SiteSearch Google -->
<form method="get" action="http://www.eldoradocountyweather.com/googlesearch.html" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
<br/>
<input type="hidden" name="domains" value="www.eldoradocountyweather.com"></input>
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="32" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb"></input>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked" id="ss0"></input>
<label for="ss0" title="Search the Web"><font size="-1" color="#000000">Web</font></label></td>
<td>
<input type="radio" name="sitesearch" value="www.eldoradocountyweather.com" id="ss1"></input>
<label for="ss1" title="Search www.eldoradocountyweather.com"><font size="-1" color="#000000">eldoradocountyweather.com</font></label></td>
</tr>
</table>
<input type="hidden" name="client" value="pub-2015801794975764"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="safe" value="active"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:11"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>
<!-- End SiteSearch Google -->
</td></tr></table>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
<!-- end main-copy -->
<?php
############################################################################
include("footer.php");
############################################################################
# End of Page
############################################################################
?> 
