Multimedia: Inside the surge

#appFrame .movFrame
{
top: 3px;
font-family: arial, sans-serif;
/*margin-top: 2px;
padding-top: 10px;*/
padding: 0;
margin: 0;
margin-top: 4px;
background-color: #000000;
}
/*FOR OBSCURING a tag*/
#appFrame .movFrame a
{
color: #000000;
}
#appFrame #topper
{
color: #333;
margin-top: 12px;
margin-bottom: -9px;
padding-bottom: 0px;
padding-top: 30px;
padding-left: 21px;
padding-right: 20px;
_padding-right: 10px;
height: 30px;
width: 802px;
_width: 795px;
font-size: 13px;
font-weight: bold;
background-color: #202726;
background: url(http://a630.g.akamai.net/f/630/22240/0m/tribune.download.akamai.com/22025/anon.chicagotribune/utils/common/images/rtopper826_bkg.jpg) no-repeat 0px 0px;
overflow: visible;
clear:both;
}
#appFrame #topper div
{
/*padding:12px 15px 2px 30px;
display: block;
float: left;*/
}
#appFrame .movFrame .tabs, #appFrame #topper #label
{
text-decoration:none;font-size: 11px;text-transform:uppercase;
font-weight: bold;
/*height: 30px;
clear: left;*/
}
#appFrame #topper #hedcopy
{
color: #83918b;;
}
#appFrame #topper #label
{
width: auto;
margin-right: 7px;
padding-right: 7px;
margin-top: 2px;
border-right: 1px solid #777;
color: #7f7655;/*#8b855a;*/
text-transform:uppercase;
text-align: right;
float: left;
}
#appFrame .movFrame .tabs div
{
float: left;
width: 96px;
/*BRIGHT YELLOW*/
color: #dfdecb;
cursor: hand;
padding:6px 15px 2px 30px;
background: no-repeat -1192px 14px;
}
#appFrame .movFrame .tabs .tab
{
cursor: pointer;
cursor: hand;
text-decoration: underline;
/*width: 196px;*/
width: 96px;
/*GREY*/
color: #959a9f;
text-align: center;
/*FF*/
background: url(http://a630.g.akamai.net/f/630/22240/0m/tribune.download.akamai.com/22025/anon.chicagotribune/utils/common/images/arrow_9_grey.gif) no-repeat 18px 8px;
}
#appFrame .movFrame .tabs .activeTab
{
cursor: default;
text-align: center;
/*BRIGHT YELLOW*/
color: #dfdecb;
background: url(http://a630.g.akamai.net/f/630/22240/0m/tribune.download.akamai.com/22025/anon.chicagotribune/utils/common/images/arrow_9.gif) no-repeat 18px 8px;
}
#appFrame .movFrame, .movFrame .swfDivs
{
width: 826px;
height: 560px;
}

http://ct.dreamhosters.com/js/swfobject/swfobject.js

var hostURL = “http://a630.g.akamai.net/f/630/22240/0m/tribune.download.akamai.com/22025/anon.chicagotribune/”;
var swfURL;

//Append more tabs here
var tab1 = document.getElementById(“tab1”);
var tab2 = document.getElementById(“tab2”);
var tab3 = document.getElementById(“tab3”);
var tabs = [tab1, tab2, tab3];
var urls = [“iraqsurge/front.swf”, “iraqsurge2/front.swf”, “iraqsurge3/front.swf”];

var currTab;
//index is 1-based
function setCurrIndex(index)
{
hilitTab(index);
loadSWF(index);
}
function hilitTab(index)
{
var activeTab = this[“tab”+index];
for(var i in tabs)
{
var tab = tabs[i];
if(tab!=activeTab)
{
tab.className = “tab”;
}
}
activeTab.className = “activeTab”;
currTab = activeTab;
}
function handleTabClick(target)
{
if(target==currTab)return;
var id = target.id.substr(3);
setCurrIndex(id);
}
function loadSWF(index)
{
swfURL = hostURL+urls[index-1];
var so = new SWFObject(swfURL, “sotester”, “826”, “560”, “8”, “#000000”);
so.addParam(“allowscriptaccess”,”always”);
so.addParam(“swliveconnect”, “true”);
so.useExpressInstall(“http://ct.dreamhosters.com/js/swfobject/expressinstall.swf”);
so.write(“flashcontent”);
}
function initialize()
{
for(var i in tabs)
{
tabs[i].onclick = function()
{
handleTabClick(this);
}
}
}
////////////////////////
//Helpers
///////////////////////
//Get a random interger within a range. start and end are included.
function randomInt(start, end)
{
if(end2)
{
return 2;
}else
{
return 1;
}
}
//////////////////////////////////
initialize();
setCurrIndex(1);

<!–This code sometimes runs before the swf object is instantiated if the page was visited before
http://ct.dreamhosters.com/js/aactiveX/activateActiveX.js–>