Hi there Calman,
apart from the flash stuff, you could put other stuff - ( the map and the weather ) - straight into the page.
The following example has been tested in IE8+, Firefox 19.0.2, Chrome 25.0.1, Opera 12.1.4 and Safari 5.1.7...
[color=navy]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>bing map</title>
<style type="text/css">
body {
height:2780px;
background-image:url(http://www.okanaganforum.com/images/backdrop%20home%202013.jpg);
background-position:center top;
}
h2 {
font-family:arial,sans-serif;
font-size:12px;
color:#fff;
text-align:center;
}
#obj0 {
display:block;
width:940px;
height:206px;
margin:auto;
margin-bottom:400px;
}
#EmbedMap {
width:598px;
height:210px;
margin:auto;
overflow:hidden;
}
#weather{
width:598px;
height:130px;
margin:auto;
}
</style>
</head>
<body>
<div id="flash-header">
<object id="obj0" type="application/x-shockwave-flash" data="http://www.okanaganforum.com/admin/flash/2012banner.swf "width="940" height="206">
<param name="movie" value="http://www.okanaganforum.com/admin/flash/2012banner.swf">
<param name="allowScriptAccess" value="sameDomain">
<param name="quality" value="high">
<param name="wmode" value="transparent">
</object>
</div>
<div id="EmbedMap">
<h2>Interactive Map of the Okanagan Valley</h2>
</div>
<div id="weather">
<h2>Local Time & Weather</h2>
<table cellpadding="0" cellspacing="0"><tr>
<td style="background-image:url('http://www.okanaganforum.com/admin/graphics/clockbackdrop.jpg')">
<div style="width:141px;padding-left:21px;">
<script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script>
<script type="text/javascript">
objCABC=new Object;objCABC.wtsclock="wtsclock001.swf";
objCABC.color="517eb7";
objCABC.wtsid="CA-BC";
objCABC.width=120;
objCABC.height=120;
objCABC.wmode="transparent";
showClock(objCABC);
</script>
</div>
</td>
<td style="background-image:url('http://www.okanaganforum.com/admin/graphics/clockbackdrop.jpg')">
<div style="width:436px;height:130px; background-image:url( [url]http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/winter1_435x90_bg.jpg[/url] );background-repeat:no-repeat;background-color:#7cadee;">
<div id="NetweatherContainer" style="height:75px;">
<script type="text/javascript" src="http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2ex.asp?partner=netweather&tStyle=normal&logo=1&zipcode=NAM|CA|BC|KELOWNA|&lang=uke&size=10&theme=winter1&metric=1&target=_blank"></script>
</div>
<div style="text-align:center;font-family:arial,helvetica,verdana,sans-serif;font-size:10px;line-height:15px;color:#00f;">
<a style="color:#00f" href="http://www.accuweather.com/world-index-forecast.asp?partner=netweather&locCode=NAM|CA|BC|KELOWNA|&metric=1">Forecast</a> | <a style="color:#00f" href="http://www.accuweather.com/maps-satellite.asp">Maps</a> | <a style="color: #00f" href="http://www.accuweather.com/index-radar.asp?partner=accuweather&zipcode=NAM|CA|BC|KELOWNA|">Radar</a>
</div>
<img style="padding-top:5px" src="http://www.okanaganforum.com/images/spacer.gif" height="1" width="34" alt=""><span style="font-family:tahoma;color:#fff;">Okanagan Valley</span><img style="float:right;padding:5px 25px 0 0;" src="http://vortex.accuweather.com/adc2004/common/images/misc/netweather_v2/adcwhite.png" alt="">
</div>
</td>
</tr></table>
</div>
<!-- JS at the bottom for performance reasons -->
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=en-ca"></script>
<script type="text/javascript">//<![CDATA[
(function (o, t, f){
if (o){
if (o.addEventListener) { o.addEventListener(t, f, true); }
else if (o.attachEvent) { o.attachEvent('on' + t, f); }
}
})(window, 'load', function (){
if (!false){
Microsoft.Maps.loadModule('Microsoft.Maps.Themes.BingTheme',
{
callback: function (){
var cp = new Microsoft.Maps.Location(49.9530272225346,-119.362777709961);
var map = new Microsoft.Maps.Map(document.getElementById('EmbedMap'),
{
theme: new Microsoft.Maps.Themes.BingTheme(),
showBreadcrumb:false,
showDashboard:true,
disableBirdseye:true,
showMapTypeSelector:false,
showLogo:true,
enableClickableLogo:true,
enableSearchLogo:false,
showScalebar:false,
credentials:'AijbFhynMi9YlUoC5sbBKfrfbnkcMJ34sYBEORQwbsviodnw8nTkkgh5se5COtMs',
center:cp,
zoom:8,
width:598,
height:210,
mapTypeId:Microsoft.Maps.MapTypeId.aerial,
labelOverlay: Microsoft.Maps.LabelOverlay.visible
});
var ps = [{"description":"","location":{"latitude":50.265678405761719,"longitude":-119.2738037109375},"title":""}];
for(var i=0;i< ps.length;i++){
var p = ps[i];
var location = new Microsoft.Maps.Location(p.location.latitude, p.location.longitude);
var pp = new Microsoft.Maps.Pushpin(location, {draggable: false});
map.entities.push(pp);
if (p.description || p.title){
map.entities.push(
new Microsoft.Maps.Infobox(location, {
title: ((p.title) ? decodeURIComponent(p.title) : ''),
description: ((p.description) ? decodeURIComponent(p.description) : ''),
pushpin: pp
}));
}
}
}
});
}
});
//]]></script>
</body>
</html>[/color]
coothead