I've also figured out how to remove the gray border from the radar screen like Dean's picture above and I'll post a modified version of the html that does that with a "border" parameter that can be set to true/false when I get a chance to code it up.
Ok, as promised, here's a version that allows you to remove the gray borders and also the gadgets (zoom control, key, page load progress, etc) from the page:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var parameters = new Array();
var width = 0;
var height = 0;
var viewportwidth = 0;
var viewportheight = 0;
var xoffset = 0;
var yoffset = 0;
var xmodify = 0;
var ymodify = 0;
function getParameters()
{
var query = window.location.search.substring(1);
var parms = query.split('&');
for (var i=0; i<parms.length; i++)
{
var pos = parms[i].indexOf('=');
if (pos > 0)
{
var key = parms[i].substring(0,pos);
var val = parms[i].substring(pos+1);
parameters[key] = val;
}
}
}
parameters['layer']='radar';
parameters['zoom']='8';
parameters['base']='h';
parameters['lat']='34.10744';
parameters['long']='-84.40876';
parameters['width']='720';
parameters['height']='540';
parameters['animate']='true';
parameters['border']='false';
parameters['gadgets']='false';
getParameters();
width = parseInt(parameters['width']);
height = parseInt(parameters['height']);
viewportwidth = width;
viewportheight = height;
if(parameters['border'] =='false')
{
xmodify = 13;
ymodify = 13;
}
if(parameters['gadgets'] == 'false')
{
xmodify = 43;
ymodify = 82;
}
width = width+xmodify;
height = height+ymodify
viewportwidth = width+xmodify;
viewportheight = height+ymodify;
xoffset = -xmodify;
yoffset = -ymodify;
</script>
</head>
<style type="text/css">
body
{
overflow: hidden;
padding: 0px;
margin: 0px;
}
</style>
<body>
<script>document.write('<div style="position:relative;left:'+xoffset+';top:'+yoffset+' ;"><object id ="radar" width="'+width+'" height="'+height+'" border="0" hspace="0"><embed src="http://image.weather.com/web/flash/FMMain.swf?lat='+parameters['lat']+'&long='+parameters['long']+'&initialWeatherLayerType='+parameters['layer']+'&viewPortWidth='+viewportwidth+'&viewPortHeight='+viewportheight+'&initialZoomLevel='+parameters['zoom']+'&wxAnimateOnStart='+parameters['animate']+'&baseMap='+parameters['base']+'" width="'+width+'" height="'+height+'"></embed></object></div>')</script>
</body>
</html>
There are two new parameters that can be set: border and gadgets. The possible values are:
border=false, gadgets=false - no borders or gadgets displayed (default)
border=false, gadgets=true - gadgets shown without borders
border=true, gadgets=true - both borders and gadgets shown
You can't have borders without gadgets, but that doesn't seem like a nice choice anyway.
Enjoy.