Hi Steve,
Give the code below a try, I set it up for you to use "SHV" and "N0R". It works with "N0V" as well. Just put in your Google Maps key number.
<html>
<head>
<script src="http://maps.google.com/maps?file=api&v=2&key=your-key-number-goes-here" 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=["SHV"];
var Product="N0R";
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 ="640px";
Google.style.height="640px";
GDraggableObject.setDraggableCursor("pointer");
GDraggableObject.setDraggingCursor ("pointer");
Google=new GMap2(Google);
Google.setCenter (new GLatLng(32.447,-93.837),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:640,y:640},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();">
<br/><br/><br/><br/>
<div style="text-indent:0px; width:100%; height:100%; font-family:arial; font-size:14px; font-weight:normal; overflow:hidden;" align="center">
<div id="google"></div>
<div id="helper"></div>
<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>
</body>
</html>