//write trosbar to page
writeBar();

function writeBar() {

	//position for pomenu (relative to trosbar)
  	var xDif = 0;

	var xPos = this.xPos;
	var yPos = this.yPos;

	//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.zappsport.nl',
			'http://www.troskompas.nl',
			urlPrefix+'kidstop20.nl/index2.php',
			'http://www.opgelicht.nl'
	);

	//css
  var css = '<style type="text/css">#trosbar {height: 30px;width: 780px; background-color:transparent}#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://tros.nl/fileadmin/HTML/trosbar/final/img/trosbar_background.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/final/img/trosbar_background.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;}   a#kidstop20  { background-position: -658px 0px; left: 658px; width: 87px; height: 30px; } a:hover#kidstop20	{ background-position: -658px -30px; height: 30px;}a#opgelicht  { background-position: -747px 0px; left: 747px; width: 82px; height: 30px; } a:hover#opgelicht	{ background-position: -747px -30px; height: 30px;}</style>';

  document.write(css);

	//trosbar
	var trosbar = '<div id="trosbar"><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><a href="'+siteArr[8]+'" target="_blank" id="kidstop20"><span>x</span></a><a href="'+siteArr[9]+'" target="_blank" id="opgelicht"><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;

	if (xPos == undefined || xPos == '') {


        //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;
	}

  //the 'publieke omroep' (PO) popup
  var poScript = '<script language="JavaScript" type="text/javascript">var PoAlignment = "PoRightTop";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);

}