// VARIABLES ---------------------------------------------------------------------------------------------------------------

	// BRANDS 

		var fbBrands = Array(
			{name: "FUNX.FM", link: "http://www.funx.fm"}, 
			{name: "FUNX.INFO", link: "http://www.funx.info"}, 
			{name: "FUNX DANCE", link: "http://www.funxdance.nl"}, 
			{name: "LIJN5", link: "http://www.lijn5.com"}, 
			{name: "LATINSOUNDS", link: "http://www.latinsounds.nl"}, 
			{name: "ARABSOUNDS", link: "http://www.arabsounds.nl"}, 
			{name: "TURKSTARS", link: "http://www.turkstars.nl"}, 
			{name: "XCHART", link: "http://www.xchart.nl"}, 
			{name: "WELKOM OP DE ZAAK", link: "http://www.welkomopdezaak.nl"}, 
			{name: "PEZPAQ TV", link: "http://www.pezpaq.tv"}
		);

	
	// HTML 

		var fbCssHTML = '' + 
			'<style type="text/css">' + 
			'	table.fb-wrapper { width: 100%; height: 30px; background: url("/brandbar/img/background-menu-dark.jpg") repeat-x; }' + 
			'	table.fb-wrapper img { border: 0 !important; }' + 
				
			'	td.fb-po, td.fb-logo { width: 100px; padding: 0; }' + 
				
			'	td.fb-menu ul {	margin: 0; padding: 0; list-style: none; }' + 
			'	td.fb-menu ul li { float: left; margin: 0; padding: 0; border: 0; color: #414141; font-size: 11px; font-family: Arial; font-weight: normal; }' + 
			'	td.fb-menu ul li:hover ul, td.fb-menu ul li._over ul  { left: auto; position:fixed; }' + 
			'	td.fb-menu ul li a { color: #ffffff; font-size: 9px; font-family: Arial; font-weight: normal; text-decoration: none; }' + 
			'	td.fb-menu ul li a:hover { text-decoration: none !important; }' + 
			'	td.fb-menu ul ul { left: -999px; width: 300px; z-index: 100; position: absolute; padding: 10px; padding-top: 17px; background: url("/brandbar/img/background-submenu.gif") no-repeat top left; }' + 
			'	td.fb-menu ul ul li { float: none; font-size: 11px !important; }' + 
			'	td.fb-menu ul ul li a { display: block;	padding: 5px 0;	padding-left: 17px;  font-size: 11px !important; color: #ffffff; text-decoration: none; border-top: 1px dotted #ffffff; border-bottom: none;	background: url("/brandbar/img/arrow.gif") no-repeat 3px 10px; }' + 
			'	td.fb-menu ul ul li:last-child a { border-bottom: 1px dotted #ffffff; }' + 
			'</style>';
		
		var fbLogoHTML = '' + 
			'<td class="fb-logo" align="left">' + 
			'	<a href="http://www.funx.fm" title="FunX.fm"><img src="/brandbar/img/logo-funx-dark.jpg" alt="FunX.fm" /></a>' + 
			'</td>';
		
		var fbPoHTML = '' + 
			'<td class="fb-po" align="right">' + 
			'	<a href="http://nl.sitestat.com/klo/omroep-nl/s?centraalnav.home&ns_type=clickin" title="Omroep.nl"><img src="/brandbar/img/logo-po-dark.png" alt="Omroep.nl" /></a>' + 
			'</td>';
		
		var fbTableStartHTML = '' + 
			'<table border="0" cellspacing="0" cellpadding="0" class="fb-wrapper">' + 
			'	<tr>';
		
		var fbTableEndHTML = '' + 
			'	</tr>' + 
			'</table>';
		
		var fbBrandTableStartHTML = '' +
			'<td valign="top">' +  
			'	<table border="0" cellspacing="0" cellpadding="0" align="center">' +
			'		<tr>' +
			'			<td class="fb-menu">' + 
			'				<ul>';
		
		var fbBrandTableEndHTML = '' +
			'				</ul>' + 
			'			</td>' +
			'		</tr>' +
			'	</table>' + 
			'</td>';


// FUNCTIONS ---------------------------------------------------------------------------------------------------------------

		// REQUEST FEED 
		
			function showFeed(brand)
			{ 
				xmlHttp = GetXmlHttpObject();
				
				if (xmlHttp == null)
				{
					alert ("Browser does not support HTTP Request");
					return;
				} 
				
				var url = "/brandbar/php/feed.php";
				url = url + "?q=" + brand;
				url = url + "&sid=" + Math.random();
				
				xmlHttp.onreadystatechange = function()
				{
					if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
					{ 
						document.getElementById("brand"+brand).innerHTML=xmlHttp.responseText;
					} 
				};
				
				xmlHttp.open("GET", url, true);
				xmlHttp.send(null);
			}
		
		
		// CREATE XML OBJECT 
			
			function GetXmlHttpObject()
			{
				var xmlHttp = null;
				
				try
				{
					xmlHttp = new XMLHttpRequest();
				}
				
				catch (e)
				{
					try
					{
						xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
					}
					catch (e)
					{
						xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
					}
				}
				
				return xmlHttp;
			}


// DISPLAY -----------------------------------------------------------------------------------------------------------------

	// DISPLAY CSS, START OF THE TABLE, THE FUNX LOGO AND THE START OF THE BRANDS TABLE
	
		document.write( fbCssHTML + fbTableStartHTML + fbLogoHTML + fbBrandTableStartHTML );
	
	
	// DISPLAY THE DIFFERENT BRANDS
	
		for (var i=0; i<fbBrands.length ;i++)
		{
		
			document.write( '<li>' + 
							'	<a href="' + fbBrands[i].link + '" onmouseover="showFeed(' + i + ')">' + fbBrands[i].name + '</a>' + 
							'	<img src="/brandbar/img/menu-spacer-' + ((i == fbBrands.length-1)?'empty':'dark') + '.gif" alt="" align="absmiddle" />' + 
							
							'	<div  id="brand' + i + '">' + 
							'		<ul>' + 
							'			<li><a href="javascript://">Bezig met ophalen van nieuws</a></li>' + 
							'		</ul>' + 
							'	</div>' + 
							
							'</li>' );
		}
	
	
	// CLOSE UP THE BRANDS AND DISPLAY THE ONTDEK NL LOGO
	
		document.write( fbBrandTableEndHTML + fbPoHTML + fbTableEndHTML );