//write trosbar to page
writeBar();

function writeBar() {
	
	//position for pomenu (relative to trosbar)			 
  var xDif = 575;

	//detect base url
	var baseUrl = document.location.href;
	baseUrl = baseUrl.substring(0,16);
	
	var baseUrlShort = document.location.href;
	baseUrlShort = baseUrlShort.substring(0,10);
	
	var urlPrefix="";
  
	if(baseUrl == "http://stage.www"){
	  urlPrefix = "http://stage.www.";
  }else if(baseUrl == "http://stable.ww"){
		urlPrefix = "http://stable.www.";
  }else if(baseUrl == "http://stable.ms"){
		urlPrefix = "http://stable.msn.";
  }else if(baseUrl == "http://stage.msn"){
		urlPrefix = "http://stage.msn.";
  }else if(baseUrlShort == "http://www"){
		urlPrefix = "http://www.";
  }else if(baseUrlShort == "http://msn"){
		urlPrefix = "http://msn.";
  }else{
	  urlPrefix = "http://www.";
	}
	
	//array with dynamic urls
	var siteArr = new Array (
			'http://www.tros.nl',
			'http://www.sterren.nl',
			urlPrefix+'trosradar.nl',
			urlPrefix+'vermist.nl',
			'http://www.dewereldismooi.nl',
			urlPrefix+'eenvandaag.nl',
			'http://www.eetsmakelijk.nl',
      'http://www.troskompas.nl'															
	);
	
	//css
  var css = '<style type="text/css">#trosbar {height: 30px;width: 780px; background-color:#ffffff;}#trosmenu {position: relative; left:1px; top:1px;background-position: 0px 0px;background-repeat: no-repeat;height: 30px;width: 780px;margin: 0;padding: 0;background-image: url("http://www.tros.nl/fileadmin/HTML/trosbar/topmenu_large_tst.gif");background-position:left;}#trosmenu a {display: inline;height: 18px;position: absolute;text-decoration: none;font-size: 10px;background-image: url("http://www.tros.nl/fileadmin/HTML/trosbar/topmenu_large_tst.gif");background-position:left;}#trosmenu span 		{ visibility: hidden; width: 0px; height: 30px; }a#tros 			{ background-position: 0px 0px; left: 0px; width: 75px; height: 30px;}a:hover#tros 		{ background-position: 0px -30px; height: 30px; }a#sterren 		{ background-position: -75px 0px; left: 75px; width: 72px; height: 30px; }a:hover#sterren 		{ background-position: -75px -30px; height: 30px; }a#trosradar 		{ background-position: -147px 0px; left: 147px; width: 72px; height: 30px; }a:hover#trosradar		{ background-position: -147px -30px; height: 30px; }a#vermist 		{ background-position: -219px 0px; left: 219px; width: 55px; height: 30px; }a:hover#vermist 		{ background-position: -219px -30px; height: 30px; }a#dewereldismooi 		{ background-position: -274px 0px; left: 274px; width: 113px; height: 30px; }a:hover#dewereldismooi 	{ background-position: -274px -30px; height: 30px; }a#eenvandaag 		{ background-position: -387px 0px; left: 387px; width: 87px; height: 30px; }a:hover#eenvandaag 	{ background-position: -387px -30px; height: 30px; }a#eetsmakelijk 		{ background-position: -471px 0px; left: 471px; width: 101px; height: 30px; }a:hover#eetsmakelijk	{ background-position: -471px -30px; height: 30px;} a#troskompas 		{ background-position: -572px 0px; left: 572px; width: 87px; height: 30px; }a:hover#troskompas	{ background-position: -572px -30px; height: 30px;}</style>';
 
  document.write(css);
	
	//trosbar
  //var trosbar = '<div id="trosbar" style="position: relative; left:0px; top:0px;"><div id="trosmenu" style="position: relative; left:0px; top:0px;"><a href="http://www.tros.nl" target="_blank" id="tros"><span>x</span></a><a href="http://www.sterren.nl" target="_blank" id="sterren"><span>x</span></a><a href="http://www.trosradar.nl" target="_blank" id="trosradar"><span>x</span></a><a href="http://www.vermist.nl" target="_blank" id="vermist"><span>x</span></a><a href="http://www.dewereldismooi.nl" target="_blank" id="dewereldismooi"><span>x</span></a><a href="http://www.eenvandaag.nl" target="_blank" id="eenvandaag"><span>x</span></a><a href="http://www.eetsmakelijk.nl" target="_blank" id="eetsmakelijk"><span>x</span></a></div></div>';
	var trosbar = '<div id="trosbar" style="position: relative; left:0px; top:0px;"><div id="trosmenu" style="position: relative; left:0px; top:0px;"><a href="'+siteArr[0]+'" target="_blank" id="tros"><span>x</span></a><a href="'+siteArr[1]+'" target="_blank" id="sterren"><span>x</span></a><a href="'+siteArr[2]+'" target="_blank" id="trosradar"><span>x</span></a><a href="'+siteArr[3]+'" target="_blank" id="vermist"><span>x</span></a><a href="'+siteArr[4]+'" target="_blank" id="dewereldismooi"><span>x</span></a><a href="'+siteArr[5]+'" target="_blank" id="eenvandaag"><span>x</span></a><a href="'+siteArr[6]+'" target="_blank" id="eetsmakelijk"><span>x</span></a><a href="'+siteArr[7]+'" target="_blank" id="troskompas"><span>x</span></a></div></div>';	
  
	document.write(trosbar);	
	
	//get offset
	var parentOffsetX = document.getElementById("trosmenu").offsetParent.offsetLeft;
	var parentOffsetY = document.getElementById("trosmenu").offsetParent.offsetTop;
 
  //variables for pomenu positioning
  var xPos = document.getElementById("trosmenu").style.left;
  var yPos = document.getElementById("trosmenu").style.top;
  
	
  //strip the px part
  xPos = xPos.toString();
  xPos = xPos.substring(0,(xPos.length-2));

  yPos = yPos.toString();
  yPos = yPos.substring(0,(yPos.length-2));
  
	//add the trosbar width and px
  yPos = parseInt(yPos);
  yPos = yPos+parentOffsetY;
  //add the trosbar width
  xPos = parseInt(xPos);
  xPos = xPos+xDif+parentOffsetX+100;

  //the 'publieke omroep' (PO) popup
  var poScript = '<script language="JavaScript" type="text/javascript">var PoAlignment = "polefttop";var PoVSpace = '+yPos+';var PoHSpace = '+xPos+';var PoLogoType = 4;var poSiteId = "TROS";var poFormatTo = "left";var PoFloatY = false;var PoFloatX = false;var PoHorCorrect = 0;</script>';		
	var poExt = '<script language="JavaScript" type="text/javascript" src="http://p.omroep.nl/menu/scripts/pomenu.js"></script>';
  
  document.write(poScript);
  document.write(poExt);

}
