<!--
                            .:-                                                                                    
                         -odNMMm                                                                                    
                       .hMMdo/NM/                                                                                   
                      .mMm:   yMd                                                                                   
                      sMM.    -MM:                                                                                  
                      hMm      dMh                                                                                  
                      +MM-     /MMs.                                                                                
                      `hMd.     :hMNo`                                                                              
                       .dMm-     `/dMm+`                                                                            
                        .dMm-      `+mMd/`                                                                          
                         `dMN-       `omMd:                                                                         
                          .NMd`        .oNMh-                                                                       
                           +MMo          .yMN+`                                                                     
                           `mMm            /mMh-                                                                    
                 `.:/+osyyyyNMM`            .yMN+`                                                                  
              -+hmmmmddhyysssss`              /mMh:`                                                                
            :hNds/-.``                         .omNdhyyyyyyy.                                                       
           +NN/`  ````-:+oooo/-`                 ./osyyhhhmMh`                                                      
           NMs   :yddmNmmhyyhdmmy-                        :MM+                                                      
           mMy    -+++:.`    `-oNNs`                       hMm`                                                     
           +MM+`            `./sNMNs                       /MM:                                                     
            +NMd+.``````.-+ydNNdmNNs-                      .MM+                                                     
            `dMNNNmdddddmNmho:. `:sNNs`                    `MMo                                                     
            /MM+.:/+++++/-`    ``-omMMy                    .MM/                                                     
            -NMy.``        `./sdNNmNMm/`                   +MM.                                                     
             :dNNmdhhyyyyyhmNNds/. .oNMh.                  dMh                                                      
               .sMNooosssss+-`   `.:odMNd.         `....../MM:                                                      
                +MN/``       `.+ydNNMMm/`        `+NMNNNNNNMs                                                       
                 sNMNdhhyyyyhmMNds/.:hMNo`     `/mMd/-------`                                                       
                  `:+sMMhssss+-`     .hMMd`  `+mMd/                                                                 
                    .MMy`      `-+ymMNho:.:yNNy:                                                                   
                      /mMNdysssdNMMMNy+++yNMh+`                                                                     
                        -/osssso:-/+osssso:`                                                                        
                                                                                                                                                      
                                                                                                                            
<body>                                                                                                                                 
Congratulations. You pay attention to detail and like to see how things
are done. We could use a Web Developer like you in our interactive department. 
Please send your resume to Dean Sobchishin with the subject line: Source Apply. 

dean@marketingden.com


     _    ____ ____ ___  __  __ ____  _     ___ ____  _   _ _____ ____  
    / \  / ___/ ___/ _ \|  \/  |  _ \| |   |_ _/ ___|| | | | ____|  _ \ 
   / _ \| |  | |  | | | | |\/| | |_) | |    | |\___ \| |_| |  _| | | | |
  / ___ \ |__| |__| |_| | |  | |  __/| |___ | | ___) |  _  | |___| |_| |
 /_/   \_\____\____\___/|_|  |_|_|   |_____|___|____/|_| |_|_____|____/ 
 

<body>-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="The Marketing Den is a full service advertising agency based in Saskatoon, Saskatchewan that helps clients achieve positive business results. We add value for clients through solid strategies, creative and innovative advertising and communications solutions in all media.">
    <meta name="keywords" content="The Marketing Den, The Den, Marketing Den, Advertising, Saskatoon Advertising Agency, Saskatoon Ad Agency, Saskatchewan Advertising Agency, Advertising Saskatoon, Advertising Saskatchewan, Saskatoon Marketing, Outdoor Advertising, Print Advertising, Web Advertising, Web Design, Website Design, Internet Advertising, Saskatchewan Graphic Design, Advertising Media, Ads, Award Winning Advertising, Advertising Production, Ad Production, Copywriting, Design, Marketing Account Management, Marketing Consultant, Captive Advertising, Sask, SK, Canada, CA, T-CAAN">
<title>The Marketing Den</title>

<style type="text/css">
<!--
.myBox {
	background-color: #FFCC00;
	padding: 5px;
	height: 300px;
	width: 300px;
	border: 1px solid #ffffff;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.main_Con {
	background-color:#000000;
	width:1024px;
	height:584px;
	margin-left:auto;
	margin-right:auto;
	padding-top:16px;
}
.main_Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	width:250px;
}
.main_menuitem {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-left: 30px;
	margin-top: 4px;
	color: #000000;
}
.main_menuitemC {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-left: 30px;
	margin-top: 4px;
	color: #000000;
}
.main_menubox {
	height: 20px;
	width: 20px;
	border: 1px solid;
	border-color: #000000;
	background-color: #000000;
	float:left;
}
.main_menuboxC {
	height: 20px;
	width: 20px;
	border: 1px solid;
	border-color: #000000;
	background-color: #000000;
	float:left;
}
.main_submenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-top: 5px;
	cursor:pointer;
	color:#000000;
}
.main_submenuO {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-top: 5px;
	cursor:pointer;
	color:#cccccc;
}
.main_submenuC {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin-top: 5px;
	cursor:default;
	color:#eeeeee;
}
.main_Text_News {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:13px;
}
.fancytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#ffffff;
	text-align:center;
	}
.tagDiv {
	font-size:10px;
	color:#000000;
	font-weight:normal;
	}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {

	
	$(".announce").fancybox({
	'href':'http://monolith.marketingden.com/announcement/announcement.swf',
	'type'			: 'swf',
	'width': 1000,
	'height': 600,
	'scrolling': 'no',
	'autoScale': false

	
	});
	
	
	});
	

</script>


<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<link href="http://fast.fonts.com/cssapi/7f143574-9533-48e2-9b94-ba1d1f0d53c9.css" rel="stylesheet" type="text/css">
<!--<script type="text/javascript" src="http://fast.fonts.com/jsapi/7f143574-9533-48e2-9b94-ba1d1f0d53c9.js"></script>-->
</head>
<body bgcolor="#000000">
<div style="width:1024px; height:70px; background-image:url(images/den_white.gif); margin-left:auto; margin-right:auto;" id="bk_image"><img src="images/den_blank.gif" width="1024" height="70" border="0" usemap="#ft_imageMap" id="ft_image">
  <map name="ft_imageMap">
    <area shape="rect" coords="3,3,303,67" href="javascript: mainPage();">
  </map>
</div>
<div class="main_Con">
  <div style="width:300px; float:left;">
    <div class="main_Text" style="font-size:7pt; line-height:15px; margin-left:50px; width:250px; text-transform:uppercase; font-weight:bold;">Think&nbsp;&nbsp;<span class="tagDiv">|</span>&nbsp;&nbsp;Connect&nbsp;&nbsp;<span class="tagDiv">|</span>&nbsp;&nbsp;Exceed</div>
    <div class="main_Text" style="margin-left:50px; margin-top:50px;">What would you like to see today?</div>
    <div style="width:100px; margin-left:50px; margin-top:15px; float:left;" onMouseOver="javascript: menuItem('portfolio','over');" onClick="javascript: portfolioPage();" onMouseOut="javascript: menuItem('portfolio','out');" id="portfolio">
      <div class="main_menubox" id="portfolio_box"></div>
      <div class="main_menuitem" id="portfolio_menu" style="margin-left:30px; margin-top:5px;">Portfolio</div>
    </div>
    <div style="width:100px; margin-left:50px; margin-top:15px; margin-bottom:5px; clear:left; float:left;" onMouseOver="javascript: menuItem('company','over');" onClick="javascript: companyPage();" onMouseOut="javascript: menuItem('company','out');" id="company">
      <div class="main_menubox" id="company_box"></div>
      <div class="main_menuitem" id="company_menu" style="margin-left:30px; margin-top:5px;">Company</div>
    </div>
    
    <div style="width:100px; margin-left:80px; clear:left;">
      <!-- the target URLs for these submenu items are defined in the array menuItems below -->
      <div class="main_submenu" id="about" style="visibility:hidden;" onMouseOver="javascript: subState('about','over');" onMouseOut="javascript: subState('about','out');" onClick="javascript: subMenu('about')">About Us</div>
      <div class="main_submenu" id="team" style="visibility:hidden;" onMouseOver="javascript: subState('team','over');" onMouseOut="javascript: subState('team','out');" onClick="javascript: subMenu('team')">Team</div>
      <div class="main_submenu" id="career" style="visibility:hidden;" onMouseOver="javascript: subState('career','over');" onMouseOut="javascript: subState('career','out');" onClick="javascript: subMenu('career')">Careers</div>
      <div class="main_submenu" id="history" style="visibility:hidden;" onMouseOver="javascript: subState('history','over');" onMouseOut="javascript: subState('history','out');" onClick="javascript: subMenu('history')">History</div>
      <div class="main_submenu" id="awards" style="visibility:hidden;" onMouseOver="javascript: subState('awards','over');" onMouseOut="javascript: subState('awards','out');" onClick="javascript: subMenu('awards')">Awards</div>
      <div class="main_submenu" id="services" style="visibility:hidden;" onMouseOver="javascript: subState('services','over');" onMouseOut="javascript: subState('services','out');" onClick="javascript: subMenu('services')">Services</div>
      <div class="main_submenu" id="contact" style="visibility:hidden;" onMouseOver="javascript: subState('contact','over');" onMouseOut="javascript: subState('contact','out');" onClick="javascript: subMenu('contact')">Contact</div>
    </div>

<!--News-->  

    
    <div class="main_Text" style="float:left; width:100px; margin:200px 0 0 50px;" onMouseOver="javascript: menuItem('news','over');" onClick="javascript: newsPage();" onMouseOut="javascript: menuItem('news','out');" id="news">
         
      <div class="main_menubox" id="news_box"></div>
      <div class="main_menuitem" id="news_menu" style="margin-left:30px; margin-top:5px;">News</div></div>
        
        <div class="main_Text_News" style="float:left; width:250px; margin:10px 0 0 50px;">
    	We have a new Creative Director! Find out the WHOLE story... <span class="main_Text" onMouseOver="javascript: menuItem('news','over');" onClick="javascript: newsPage();" onMouseOut="javascript: menuItem('news','out');" id="news" style="cursor:pointer;">&raquo;</span></div>
    </div>
<!--endNews-->  

  <div style="width:676px; height:552px; float:left; margin-left:24px; margin-top:8px;">
    <iframe src="blank.html" width="685" height="552" frameborder="0" scrolling="auto" id="myFrame" name="myFrame"></iframe>
  </div>
</div>
<div style="margin-left:auto; margin-right:auto;" align="center"><img src="images/pageshadow.png" width="1024" height="28"></div>
</body>
<head>
<script type="text/javascript" defer>
var steps = 20;

var co_whi = '#ffffff';
var co_bla = '#000000';
var co_ora = '#f3743f';
var co_gry = '#83847b';
var co_dgr = '#555555';
var co_lgr = '#dddddd';

var menuItems = new Array(["about","company/about.html"],["team","company/team.html"],["career","company/career.html"],["history","company/history.html"],["awards","company/awards2010.html"],["services","company/services.html"],["contact","company/contact.html"]);

// define the initial iframe for each page theme
var blankFrame = "blank.html";
var mainFrame = "newopening.html"; // iframe for "main" page
var portfolioFrame = "portfolio/main.html"; // iframe for first "portfolio" page
var companyFrame = "company/about.html"; // iframe for first "company" page
var newsFrame = "news.html"; // iframe for first "news" page
var framescroll = "auto";

if (document.styleSheets[0].cssRules) {
	var CSSRules = document.styleSheets[0].cssRules;
	}
else {
	var CSSRules = document.styleSheets[0].rules;
	}

function findCSS(fs) {
	fs = fs.toLowerCase();
	for (i = 0; i < CSSRules.length; i++) {
		var st = CSSRules[i].selectorText;
		if (st) {
			if (st.toLowerCase() == fs) { 
				return i;
				}
			}
		}
	}

function checkBrowser() {
	// Returns the version of Internet Explorer or a -1
	// (indicating the use of another browser).
	var rv = -1; // Return value assumes failure.
	if (navigator.appName == 'Microsoft Internet Explorer') {
    	var ua = navigator.userAgent;
    	var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    	if (re.exec(ua) != null) {
			rv = parseFloat( RegExp.$1 );
			}
		}
  	return rv;
	}

var version = checkBrowser();
var filterremove = true;

function d2h(d) {
	var hex = "0" + d.toString(16);
	return hex.substring(hex.length-2);
	}

function colorFadeM(srtcol,endcol,st,stres) {
	if (srtcol == endcol) { return endcol; }
	if (st >= stres) { return endcol; }
	if (st == 0) {	return srtcol;	}
	var oa = parseInt(srtcol.substring(1,3),16);
	var ob = parseInt(srtcol.substring(3,5),16);
	var oc = parseInt(srtcol.substring(5,7),16);
	return "#" + d2h(parseInt( oa + ((( parseInt(endcol.substring(1,3),16) - oa ) / stres ) * st ))) + d2h(parseInt( ob + ((( parseInt(endcol.substring(3,5),16) - ob ) / stres ) * st ))) + d2h(parseInt( oc + ((( parseInt(endcol.substring(5,7),16) - oc ) / stres ) * st )));
	}

function changeOpacM(op,id) {
	if(op == 100) {
		op = 99.99;
		}
	var dop = op/100;
	object=document.getElementById(id).style;
	object.opacity = (dop);
	object.MozOpacity = (dop);
	object.KhtmlOpacity = (dop);
	object.filter = "alpha(opacity=" + op +")";
	} 

function fadeImage(idf,idb,stimage,edimage,st,stres,idx) {
	var op = 100 - (100 / (stres / st));
	if (st == 0) {
		op = 100;
		document.getElementById(idf).src = "images/" + stimage;
		document.getElementById(idb).style.backgroundImage = "url(images/" + edimage + ")";
		}
	if (st == stres) {
		document.getElementById(idf).src = "images/" + edimage;
		op = 100;
		changeOpacM(op,idf);
		cIndex[idx] = edimage;
		return;
		}
	st += 1;
	changeOpacM(op,idf);
	setTimeout("fadeImage('" + idf + "','" + idb + "','" + stimage + "','" + edimage + "'," + st + "," + stres + "," + idx +")",20);
	}

function changeCSSCol(sty,pnt,srtcol,endcol,st,stres,idx) {
	var co = colorFadeM(srtcol,endcol,st,stres);
	cIndex[idx] = co;
	CSSRules[sty].style[pnt] = co;
	if (st < stres) {
		st += 1;
		setTimeout("changeCSSCol('" + sty + "','" + pnt + "','" + srtcol + "','" + endcol +"'," + st + "," + stres + "," + idx + ")",20);
		}
	}

function changeBGCol(srtcol,endcol,st,stres,idx) {
	var co = colorFadeM(srtcol,endcol,st,stres);
	cIndex[idx] = co;
	document.bgColor = co;
	if (st < stres) {
		st += 1;
		setTimeout("changeBGCol('" + srtcol + "','" + endcol +"'," + st + "," + stres + "," + idx + ")",20);
		}
	}

function menuItem(name,state) {
	if (name == curmenu) {
		document.getElementById(name + '_box').className = "main_menuboxC";
		document.getElementById(name + '_menu').className = "main_menuitemC";
		document.getElementById(name).style.cursor = "default";
		return;
		}
	if (state == "over") {
		document.getElementById(name + '_box').className = "main_menuboxC";
		document.getElementById(name + '_menu').className = "main_menuitemC";
		document.getElementById(name).style.cursor = "pointer";
		return;
		}
	if (state == "out") {
		document.getElementById(name + '_box').className = "main_menubox";
		document.getElementById(name + '_menu').className = "main_menuitem";
		document.getElementById(name).style.cursor = "pointer";
		return;
		}
	}

function subMenu(item) {
	// this resets all submenu items to the off state except for the one specified, which will be turned "on" and will load the corresponding page into the iframe
	cursub = item;
	for (i=0; i<menuItems.length; i++) {
		if (menuItems[i][0] == item) {
			if (document.getElementById(item).className != "main_submenuC") {
				document.getElementById(item).className = "main_submenuC";
				document.getElementById('myFrame').src = menuItems[i][1];
				}
			}
		else {
			document.getElementById(menuItems[i][0]).className = "main_submenu";
			}
		}
	if (item == 'start') {
		document.getElementById('about').className = "main_submenuC";
		cursub = "about";
		}
	}
// "about","team","career","history","awards","services","contact"
// these two functions make the submenu appear and disappear. The disappearance is faster than the appearance

function submenuAppear() {
	subMenu('start');
	subBusy = 'busy';
	var delay = 400;
	for (i=0; i < menuItems.length; i++) {
		setTimeout("itemAppear('" + menuItems[i][0] + "')",delay);
		delay +=60;
		}
	setTimeout("subBusy = 'waiting'",delay);
	}

function submenuVanish() {
	if (subBusy == "busy") {
		setTimeout("submenuVanish()",40);
		return;
		}
	subMenu('off');
	var delay = 150;
	for (i=(menuItems.length - 1); i >=0; i--) {
		setTimeout("itemVanish('" + menuItems[i][0] + "')",delay);
		delay +=15;
		}
	}

function subState(name,state) {
	if (name == cursub) {
		return;
		}
	if (state == "over") {
		document.getElementById(name).className = "main_submenuO";
		return;
		}
	if (state == "out" ) {
		document.getElementById(name).className = "main_submenu";
		return;
		}
	}

function itemAppear(name) {
	document.getElementById(name).style.visibility = 'visible';
	}

function itemVanish(name) {
	document.getElementById(name).style.visibility = 'hidden';
	}

function frameFade(id,source,state,step,steps) {
	if (state == "off" ) {
		if (version != -1) {
			if (filterremove) {
				document.getElementById(id).style.removeAttribute('filter'); // Fixes IE7 ClearType bug
				filterremove = false;
				}
			}
		return;
		}
	if (state == "on" ) {
		fadeBusy = "busy";
		if (step == 0) {
			if (oldframe != source) {
				document.getElementById(id).src = source;
				document.getElementById(id).scrolling = framescroll;
				oldframe = source;
				}
			}
		if (step >= 100) {
			state = "off";
			step = 100;
			fadeBusy = "waiting";
			}
		else {
			step += (100/steps);
			}
		}	
	if (state == "swap" ) {
		filterremove = true;
		fadeBusy = "busy";
		if (source == oldframe) {
			fadeBusy = "waiting";
			return;
			}
		if (step <= 0) {
			document.getElementById(id).src = source;
			document.getElementById(id).scrolling = framescroll;
			oldframe = source;
			setTimeout("frameFade('" + id + "','" + source + "','on',0," + steps + ")", 2000);
			return;
			}
		else {
			step -= 2*(100/steps);
			}
		}
	changeOpacM(step,id);
	setTimeout("frameFade('" + id + "','" + source + "','" + state + "'," + step + "," + steps + ")", 20);
	}

function callFrameFade(id,source,state,step,steps) {
	if (fadeBusy == "busy" ) {
		setTimeout("callFrameFade('" + id + "','" + source + "','" + state + "'," + step + "," + steps + ")", 40);
		return;
		}
	frameFade(id,source,state,step,steps);
	}


var css_main_Text = findCSS('.main_Text');
var css_myBox = findCSS('.myBox');
var css_main_Con = findCSS('.main_Con');
var css_main_menubox = findCSS('.main_menubox');
var css_main_menuboxC = findCSS('.main_menuboxC');
var css_main_menuitem = findCSS('.main_menuitem');
var css_main_menuitemC = findCSS('.main_menuitemC');
var css_main_Text_News = findCSS('.main_Text_News');
var css_tagDiv = findCSS('.tagDiv');

var cIndex = new Array();

var oldframe;
var subBusy;
var fadeBusy;

curmenu = "main";
changeOpacM(0,'myFrame');

function initPage() {
	curmenu = "main";
	changeBGCol(co_bla,co_gry,0,steps,1);
	fadeImage('ft_image','bk_image','den_blank.gif','den_white.gif',0,steps,2);
	changeCSSCol(css_main_Con,'backgroundColor',co_bla,co_whi,0,steps,3);
	changeCSSCol(css_main_Text,'color',co_bla,co_ora,0,steps,4);
	changeCSSCol(css_main_menubox,'backgroundColor',co_bla,co_whi,0,steps,5);
	changeCSSCol(css_main_menubox,'borderColor',co_bla,co_gry,0,steps,6);
	changeCSSCol(css_main_menuboxC,'backgroundColor',co_bla,co_ora,0,steps,7);
	changeCSSCol(css_main_menuboxC,'borderColor',co_bla,co_gry,0,steps,8);
	changeCSSCol(css_main_menuitem,'color',co_bla,co_gry,0,steps,9);
	changeCSSCol(css_main_menuitemC,'color',co_bla,co_ora,0,steps,10);
	changeCSSCol(css_main_Text_News,'color',co_bla,co_gry,0,steps,11);
	changeCSSCol(css_tagDiv,'color',co_bla,co_gry,0,steps,12);
	framescroll = "auto";
	callFrameFade('myFrame',mainFrame,'swap',0,steps);
	submenuVanish();
	}

function portfolioPage() {
	// this changes the color scheme to the portfolio page.
	if (curmenu == "portfolio") {
		// if we are already in the portfolio section, reset the frame to the portfolio main page
		document.getElementById('myFrame').src = portfolioFrame;
		return;
		}
	curmenu = "portfolio";
	menuItem('company','out');
	menuItem('news','out');
	changeBGCol(cIndex[1],co_whi,0,steps,1);
	fadeImage('ft_image','bk_image',cIndex[2],'den_grey.gif',0,steps,2);
	changeCSSCol(css_main_Con,'backgroundColor',cIndex[3],co_ora,0,steps,3);
	changeCSSCol(css_main_Text,'color',cIndex[4],co_whi,0,steps,4);
	changeCSSCol(css_main_menubox,'backgroundColor',cIndex[5],co_ora,0,steps,5);
	changeCSSCol(css_main_menubox,'borderColor',cIndex[6],co_dgr,0,steps,6);
	changeCSSCol(css_main_menuboxC,'backgroundColor',cIndex[7],co_whi,0,steps,7);
	changeCSSCol(css_main_menuboxC,'borderColor',cIndex[8],co_gry,0,steps,8);
	changeCSSCol(css_main_menuitem,'color',cIndex[9],co_dgr,0,steps,9);
	changeCSSCol(css_main_menuitemC,'color',cIndex[10],co_whi,0,steps,10);
	changeCSSCol(css_main_Text_News,'color',cIndex[11],co_whi,0,steps,11);
	changeCSSCol(css_tagDiv,'color',cIndex[12],co_gry,0,steps,12);
	framescroll = "no";
	callFrameFade('myFrame',portfolioFrame,'swap',100,steps);
	submenuVanish();
	}

function companyPage() {
	// this changes the color scheme to the portfolio page.
	curmenu = "company";
	menuItem('portfolio','out');
	menuItem('news','out');
	changeBGCol(cIndex[1],co_whi,0,steps,1);
	fadeImage('ft_image','bk_image',cIndex[2],'den_orange.gif',0,steps,2);
	changeCSSCol(css_main_Con,'backgroundColor',cIndex[3],co_gry,0,steps,3);
	changeCSSCol(css_main_Text,'color',cIndex[4],co_whi,0,steps,4);
	changeCSSCol(css_main_menubox,'backgroundColor',cIndex[5],co_gry,0,steps,5);
	changeCSSCol(css_main_menubox,'borderColor',cIndex[6],co_dgr,0,steps,6);
	changeCSSCol(css_main_menuboxC,'backgroundColor',cIndex[7],co_lgr,0,steps,7);
	changeCSSCol(css_main_menuboxC,'borderColor',cIndex[8],co_dgr,0,steps,8);
	changeCSSCol(css_main_menuitem,'color',cIndex[9],co_dgr,0,steps,9);
	changeCSSCol(css_main_menuitemC,'color',cIndex[10],co_lgr,0,steps,10);
	changeCSSCol(css_main_Text_News,'color',cIndex[11],co_whi,0,steps,11);
	changeCSSCol(css_tagDiv,'color',cIndex[12],co_ora,0,steps,12);
	framescroll = "auto";
	callFrameFade('myFrame',companyFrame,'swap',100,steps);
	submenuAppear();
	}

function mainPage() {
	// this changes the color scheme to the main page.
	curmenu = "main";
	menuItem('portfolio','out');
	menuItem('company','out');
	menuItem('news','out');
	changeBGCol(cIndex[1],co_gry,0,steps,1);
	fadeImage('ft_image','bk_image',cIndex[2],'den_white.gif',0,steps,2);
	changeCSSCol(css_main_Con,'backgroundColor',cIndex[3],co_whi,0,steps,3);
	changeCSSCol(css_main_Text,'color',cIndex[4],co_ora,0,steps,4);
	changeCSSCol(css_main_menubox,'backgroundColor',cIndex[5],co_whi,0,steps,5);
	changeCSSCol(css_main_menubox,'borderColor',cIndex[6],co_gry,0,steps,6);
	changeCSSCol(css_main_menuboxC,'backgroundColor',cIndex[7],co_ora,0,steps,7);
	changeCSSCol(css_main_menuboxC,'borderColor',cIndex[8],co_gry,0,steps,8);
	changeCSSCol(css_main_menuitem,'color',cIndex[9],co_gry,0,steps,9);
	changeCSSCol(css_main_menuitemC,'color',cIndex[10],co_ora,0,steps,10);
	changeCSSCol(css_main_Text_News,'color',cIndex[11],co_gry,0,steps,11);
	changeCSSCol(css_tagDiv,'color',cIndex[12],co_gry,0,steps,12);
	framescroll = "auto";
	callFrameFade('myFrame',mainFrame,'swap',100,steps);
	submenuVanish();
	}
	
	function newsPage() {
	// this changes the color scheme to the news page.
	curmenu = "news";
	menuItem('portfolio','out');
	menuItem('company','out');
	changeBGCol(cIndex[1],co_gry,0,steps,1);
	fadeImage('ft_image','bk_image',cIndex[2],'den_white.gif',0,steps,2);
	changeCSSCol(css_main_Con,'backgroundColor',cIndex[3],co_whi,0,steps,3);
	changeCSSCol(css_main_Text,'color',cIndex[4],co_ora,0,steps,4);
	changeCSSCol(css_main_menubox,'backgroundColor',cIndex[5],co_whi,0,steps,5);
	changeCSSCol(css_main_menubox,'borderColor',cIndex[6],co_gry,0,steps,6);
	changeCSSCol(css_main_menuboxC,'backgroundColor',cIndex[7],co_ora,0,steps,7);
	changeCSSCol(css_main_menuboxC,'borderColor',cIndex[8],co_gry,0,steps,8);
	changeCSSCol(css_main_menuitem,'color',cIndex[9],co_gry,0,steps,9);
	changeCSSCol(css_main_menuitemC,'color',cIndex[10],co_ora,0,steps,10);
	changeCSSCol(css_main_Text_News,'color',cIndex[11],co_gry,0,steps,11);
	changeCSSCol(css_tagDiv,'color',cIndex[12],co_gry,0,steps,12);
	framescroll = "auto";
	callFrameFade('myFrame',newsFrame,'swap',100,steps);
	submenuVanish();
	}

setTimeout("initPage()",2000);

</script>
</head>
</html>