var a = '';
a += '<style type="text/css">';
a += '	div#aob_content *,';
a += '	ul#aob_tabbar {';
a += '		font-family: Verdana;';
a += '		font-size: 12px;';
a += '	}';
a += '	ul#aob_tabbar {';
a += '		margin: 0;';
a += '		padding: 0;';
a += '		list-style: none outside none;';
a += '	}';
a += '	ul#aob_tabbar li{';
a += '		border-color:transparent;';
a += '		border-style:solid;';
a += '		border-width:2px 2px 0;';
a += '		-moz-border-radius:5px 5px 0 0;';
a += '		-webkit-border-top-left-radius:5px;';
a += '		-webkit-border-top-right-radius:5px;';
a += '		margin: 0;';
a += '		margin-right: 2px;';
a += '		float: left;';
a += '		cursor: pointer;';
a += '	}';
a += '	ul#aob_tabbar li a{';
a += '		color: white;';
a += '		display: block;';
a += '		padding: 3px 5px;';
a += '		text-align: center;';
a += '		text-decoration: none;';
a += '		font-size: 12px;';
a += '	}';
a += '	ul#aob_tabbar li.active{';
a += '		border-color: black;';
a += '	}';
a += '	ul#aob_tabbar li.active a {';
a += '		position: relative;';
a += '		top: 2px;';
a += '	}';
a += '	ul#aob_tabbar li a:hover{';
a += '		text-decoration: underline;';
a += '	}';
a += '	div#aob_content{';
a += '		clear: both;';
a += '		border: 2px solid black;';
a += '		-moz-border-radius:0 5px 5px 5px;';
a += '		-webkit-border-radius:5px;';
a += '		-webkit-border-top-left-radius:0px;';
a += '		text-align: left;';
a += '		padding: 5px;';
a += '		margin:0;';
a += '	}';
a += '	div#aob_content div{';
a += '		display: none;';
a += '		margin: 0px;';
a += '	}';
a += '	div#aob_content div.active{';
a += '		display: block;';
a += '	}';
a += '	div#aob_content div table{';
a += '		background-color: white;';
a += '		width:100%;';
a += '	}';
a += '	img#aob_logo{';
a += '		float:right;';
a += '		margin-top: 40px;';
a += '		margin-right: 5px;';
a += '		cursor: pointer;';
a += '	}';
a += '	span.aob_rente{';
a += '		float:right;';
a += '	}';
a += '	span.aob_nummer{';
a += '		font-weight: bold;';
a += '	}';
a += '	div#aob_content ol.aob_overzicht{';
a += '		width:225px;';
a += '		list-style: none;';
a += '		padding:0;';
a += '		margin:8px 0px;';
a += '	}';
a += '	div#aob_content ol.aob_overzicht li{';
a += '		background-color: white;';
a += '		padding:2px 4px;';
a += '		margin-bottom: 2px;';
a += '		border: 2px solid black;';
a += '		cursor: pointer;';
a += '	}';
a += '	div#aob_content h3{';
a += '		border: 3px solid black;';
a += '		background-color: white;';
a += '		padding:3px;';
a += '		text-align: center;';
a += '		margin-top:0;';
a += '		margin-bottom: 10px;';
a += '		font-size: 15px;';
a += '	}';
a += '	a.aob_link{';
a += '		background-color: white;';
a += '		display: block;';
a += '		padding:2px 3px;';
a += '		text-align: center;';
a += '		color: blue;';
a += '		font-weight:bold;';
a += '	}';
a += '	.hypotheek	{ background-color: #0000FF; }';
a += '	.energie	{ background-color: #009900; }';
a += '	.lenen		{ background-color: #FF0000; }';
a += '</style>';
a += '<div style="width:300px; height:195px; overflow:hidden">';
a += '	<ul id="aob_tabbar" onmouseover="stopTimer()" onmouseout="startTimer()">';
a += '		<li id="aob_tab_energie"><a href="javascript:void(0);" class="energie" onclick="toggleTab(\'energie\')">Energie</a></li>';
a += '		<li id="aob_tab_lenen"><a href="javascript:void(0);" class="lenen" onclick="toggleTab(\'lenen\')">Lenen</a></li>';
a += '		<li id="aob_tab_hypotheek"><a href="javascript:void(0);" class="hypotheek" onclick="toggleTab(\'hypotheek\')">Hypotheek</a></li>';

a += '	</ul>';
a += '	<div id="aob_content" onmouseover="stopTimer()" onmouseout="startTimer()">';
a += '		<div id="aob_content_energie" onclick="goto(\'http://www.laagstehypotheekofferte.nl/campagnes/?u=11292\')">';
a += '			<table>';
a += '				<tr>';
a += '					<td><strong>Duurste<br/>aanbieder</strong></td>';
a += '					<td colspan="3"><strong>Wat u kunt<br/>besparen!</strong></td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td width="60%">Nuon</td>';
a += '					<td style="color:red; font-weight:bold">&euro;</td>';
a += '					<td style="color:red; font-weight:bold; text-align:right">83,50</td>';
a += '					<td width="10%">&nbsp;</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>Essent</td>';
a += '					<td style="color:red; font-weight:bold">&euro;</td>';
a += '					<td style="color:red; font-weight:bold; text-align:right">66,23</td>';
a += '					<td>&nbsp;</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>RWE</td>';
a += '					<td style="color:red; font-weight:bold">&euro;</td>';
a += '					<td style="color:red; font-weight:bold; text-align:right">66,23</td>';
a += '					<td>&nbsp;</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td colspan="4" style="text-align:left; font-size:0.75em;">';
a += '						* Op basis van 3.500 KWh stroom en 1.850 M<sup style="font-size:0.75em;">3</sup> gas';
a += '					</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td colspan="4">';
a += '						<a href="javascript:void(0);" class="aob_link">Vergelijk energieaanbieders &gt;&gt;</a>';
a += '					</td>';
a += '				</tr>';
a += '			</table>';
a += '		</div>';

a += '		<div id="aob_content_lenen" onclick="goto(\'http://www.laagstehypotheekofferte.nl/campagnes/?u=11294\')">';
a += '			<table>';
a += '				<tr>';
a += '					<td style="text-align:center;cursor:pointer;cursor:hand;">';
a += '						<img src="http://s3.allesoverbesparen.nl.s3.amazonaws.com/leenplaatje_OverGeld_2010.gif" width="279" height="131" />';
a += '					</td>';
a += '				</tr>';
a += '			</table>';
a += '		</div>';

a += '		<div id="aob_content_hypotheek" onclick="goto(\'http://www.laagstehypotheekofferte.nl/campagnes/?u=11293\')">';
a += '			<table>';
a += '				<tr>';
a += '					<td>&nbsp;</td>';
a += '					<td><strong>Variabel</strong></td>';
a += '					<td><strong>5 jaar NHG</strong></td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>ASR</td>';
a += '					<td>3.30 %</td>';
a += '					<td>4.20 %</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>De Hypotheekshop</td>';
a += '					<td>3.35 %</td>';
a += '					<td>4.05 %</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>AEGON</td>';
a += '					<td>3.35 %</td>';
a += '					<td>4.30 %</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td>MoneYou</td>';
a += '					<td>3.45 %</td>';
a += '					<td>4.10 %</td>';
a += '				</tr>';
a += '				<tr>';
a += '					<td colspan="3">';
a += '						<a href="javascript:void(0);" class="aob_link">Vergelijk hier de top 25 hypotheken &gt;&gt;</a>';
a += '					</td>';
a += '				</tr>';
a += '			</table>';
a += '		</div>';



a += '	</div>';
a += "	<div style=\"text-align:right\">powered by <a href=\"http:\/\/www.allesoverbesparen.nl\/\" target=\"_blank\">Allesoverbesparen.nl</a></div>";
a += '</div>';
document.writeln(a);

// settings
var interval = 4000;	// om de hoeveel milliseconden wisselen van tab (1000 = 1 seconde) 
var defaultTab = '';	// leeg is random, anders iets kiezen uit de tabs array hieronder!
var tabs = ['energie', 'lenen', 'hypotheek'];

// internal
var currentTab = 0;
var timerId = 0;

function $(i){ return document.getElementById(i); }
function goto(url){ window.open(url); }
function startTimer(){ timerId = setTimeout("loop()", interval); }
function stopTimer(){ clearTimeout(timerId); }

function toggleTab(active){
	for(var i=0; i<tabs.length; i++){
		if(active == tabs[i]){
			currentTab = i;
			$('aob_content').className = tabs[i];
			$('aob_tab_'+tabs[i]).className = tabs[i]+' active';
			$('aob_content_'+tabs[i]).className = 'active';
		}else{
			$('aob_tab_'+tabs[i]).className = tabs[i];
			$('aob_content_'+tabs[i]).className = '';
		}
	}
}

function loop(){
	if(++currentTab >= tabs.length) currentTab = 0;
	toggleTab(tabs[currentTab]);
	startTimer();
}

// start!
if(defaultTab == '') defaultTab = tabs[Math.floor(Math.random() * tabs.length)];
toggleTab(defaultTab);
startTimer();

// ie fixed
if(/msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent)) {
	$('aob_tabbar').style.height = '22px';
}
