// Copyright (c)2003 RTLiMedia
// Javascript schrijft de login box naar de banner2 layer en sluit een eventuele open banner 1

offsettop = 90;
var height;
var sUrl;
var oUrl;
var paspoorturl;
var step;
var stepid;
var explainurl;
var nwml;
var sanity;


function getUrl()
{
  var iLength = this.aUrlVars.length;
  var sQuery = "";
  var sResult = "";
  for(var i = 0; i < iLength; i++)
  {
    var iVarLength = this.aUrlVars[i].length;
    if(iVarLength > 0)
    {
      if(iVarLength == 2)
        sQuery += this.aUrlVars[i][0] + "=" + this.aUrlVars[i][1];
      else if(iVarLength == 1)
        sQuery += this.aUrlVars[i][0];
      if(i != (iLength - 1))
        sQuery += "&";
    }
  }
  sResult = this.sUrlNoQuery;
  if(sQuery != "")
    sResult += "?" + sQuery;
  return sResult;
}


function getVariable(sVar)
{
  var iLength = this.aUrlVars.length;
  var sResult = "";
  for(var i = 0; i < iLength; i++)
  {
    var iVarLength = this.aUrlVars[i].length;
    if(iVarLength == 2)
      if(this.aUrlVars[i][0] == sVar)
        sResult = this.aUrlVars[i][1];
  }
  return sResult;
}


function setVariable(sVar, sValue)
{
  var iLength = this.aUrlVars.length;
  var iTest = -1;
  for(var i = 0; i < iLength; i++)
  {
    var iVarLength = this.aUrlVars[i].length;
    if(iVarLength > 0)
      if(this.aUrlVars[i][0] == sVar)
      {
        iTest = i;
        this.aUrlVars[i][1] = sValue;
      }
  }
  if(iTest == -1)
    this.aUrlVars[iLength] = new Array(sVar, sValue);
}


function removeVariable(sVar)
{
  var iLength = this.aUrlVars.length;
  var iRemove = -1;
  for(var i = 0; i < iLength; i++)
  {
    var iVarLength = this.aUrlVars[i].length;
    if(iVarLength > 0)
      if(this.aUrlVars[i][0] == sVar)
        iRemove = i;
  }
  var aBefore = new Array();
  var aAfter = new Array();
  if(iRemove > -1)
  {
    aBefore = this.aUrlVars.slice(0, iRemove);
    if(iRemove != (iLength - 1))
      aAfter = this.aUrlVars.slice(iRemove + 1);
    this.aUrlVars = aBefore.concat(aAfter);
  }
}


function ClassUrl(sUrl)
{
  this.sUrlNoQuery = "";
  this.aUrlVars = new Array();
  var aUrl = sUrl.split("?");
  if(aUrl)
  {
    var iUrlLength = aUrl.length;
    if(iUrlLength < 2)
      this.sUrlNoQuery = sUrl;
    else
    {
      this.sUrlNoQuery = aUrl[0];
      var aVar = aUrl[1].split("&");
      if(aVar)
      {
        var iVarLength = aVar.length;
        var iTeller = 0;
        for(var i = 0; i < iVarLength; i++)
        {
          var aVarValue = aVar[i].split("=");
          if(aVarValue)
          {
            var iVarValueLength = aVarValue.length;
            if(iVarValueLength == 2)
            {
              this.aUrlVars[iTeller] = new Array(aVarValue[0], aVarValue[1]);
              iTeller++;
            }
            else if(aVar[i] != "")
            {
              this.aUrlVars[iTeller] = new Array(aVar[i]);
              iTeller++;
            }
          }
        }
      }
    }
  }
  this.getUrl = getUrl;
  this.getVariable = getVariable;
  this.setVariable = setVariable;
  this.removeVariable = removeVariable;
}


function subscribe()
{
	paspoorturl="/service/registratie/subscribe/index.xml?nocache=1";
	if(placeBanner2())
	{
		color_step1();
		show_banner2();
	}
}


function wachtwoord(rtlref)
{
	paspoorturl="/service/registratie/subscribe/chpasswd.xml?nocache=1&lostpw=yepkwijt&rtlref="+rtlref;
	//alert(paspoorturl);
	placeBanner2();
	show_banner2();
	stepholder.innerHTML="<img src='/components/service/registratie/vaste_componenten/images/mpbanner.gif'>";
	color_step0();
}


function show_banner2()
{
	//banner1.style.visibility='hidden';
	banner2.style.visibility='hidden';
	banner2.style.position='absolute';
	banner2.style.zIndex='1990';
	banner2.style.left='0';
	banner2.style.top='0';
	banner2.style.width='800';
	banner2.style.height='800';
	banner2.style.backgroundImage='url(/components/service/registratie/vaste_componenten/images/1x1.gif)';
	hold_mediapaspoort.style.pixelTop=document.body.scrollTop+offsettop;
	hold_mediapaspoort.style.visibility='visible';
	hold_mediapaspoort.style.position='absolute';
	hold_mediapaspoort.style.zIndex='2000';

	if(navigator.userAgent.indexOf('Mac') != -1)
	{
		hold_mediapaspoort.style.left='174';
	}
	else
	{
		hold_mediapaspoort.style.left='80';
	}
}


function placeBanner2()
{
	banner2.innerHTML="<span id='hold_mediapaspoort'><table cellpadding='0' cellspacing='0' border='0' width=''><tr valign='top'><td><table cellpadding='0' cellspacing='0' border='0' width=450' height='100%'><tr><td colspan='3' height='30' style='font-face:verdana;font-weight:;color:#ffffff;text-transform:Uppercase;font-size:14px;'><img src='/components/service/registratie/vaste_componenten/images/MPheader.gif' border='0' width='450' height='54'/></td></tr><tr><td rowspan='2' id=leftborder width='8' bgcolor='cccccc' style='border-left:2px solid #E1E1E1'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='8' height='8'/></td><td align='center' bgcolor='#cccccc' height='45'><span id='stepholder'><table border='0' cellpadding='0' cellspacing='2' width='100' bgcolor='#cccccc'><tr><td id='step1' style='border:1px solid #666666' bgcolor='#cccccc'><img src='/components/service/registratie/vaste_componenten/images/kaderNew1.gif'/></td><td id='step2' style='border:1px solid #666666' bgcolor='#cccccc'><img src='/components/service/registratie/vaste_componenten/images/kaderNew2.gif'/></td><td id='step3' style='border:1px solid #666666' bgcolor='#cccccc'><img src='/components/service/registratie/vaste_componenten/images/kaderNew3.gif'/></td><td id='step4' style='border:1px solid #666666' bgcolor='#cccccc'><img src='/components/service/registratie/vaste_componenten/images/kaderNew4.gif'/></td><td id='step5' style='border:1px solid #666666' bgcolor='#cccccc'><img src='/components/service/registratie/vaste_componenten/images/kaderNew5.gif'/></td></tr></table></span></td><td style='border-right:2px solid #666666' rowspan='2' id=rightborder width='8' bgcolor='cccccc'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='8' height='8'/></td></tr><tr><td bgcolor='#cccccc' width='400' height='300' style='padding:7px'><iframe width='414px' height='300px' marginwidth=0 marginheight=0 bgcolor=#ffffff hspace=0 vspace=0 frameborder=0 vscroll='yes' hscroll='no' allowtransparancy='false' src="+paspoorturl+" name='rtlid'></iframe></td></tr><tr valign='bottom'><td style='border-bottom:2px solid #666666;border-left:2px solid #E1E1E1;border-right:2px solid #666666' id='regtrbottom' colspan='3' bgcolor='cccccc'><span id ='sluitreg'>&nbsp;<a href='javascript:close()'><img src='/components/service/registratie/vaste_componenten/images/sluit_registratie.gif' border='0'></a></span></td></tr></table></td><td>&nbsp;</td><td><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='6' height='22'/><br><table cellpadding='0' cellspacing='0' border='0' width='180' height='100%' bgcolor='19338F' style='border:2px solid #20316C;border-left:2px solid #3D5AC0;border-top:2px solid #3D5AC0'><tr><td colspan='3' height='30' style='text-align:right;font-face:arial;color:#ffffff;font-weight:bold;text-transform:Uppercase;font-size:12px;'><center><img src='/components/service/registratie/vaste_componenten/images/overmp.gif' border='0' /></center></td></tr><tr><td width='6'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='6' height='6'/></td><td bgcolor='#ffffff' style='color:000000;font-size:10px' height='100%' width='180' valign='top'><span id='iframeholder'></span></td><td id=leftborder width='6'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='6' height='6'/></td></tr><tr><td colspan='3' height='12'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='6' height='6'/></td></tr></table></td></tr></table></span>";
	return true;
}


function checkforpaspoort()
{
	height = document.body.clientHeight;
	paspoorturl = "";

	sUrl = window.location.href;
	oUrl = new ClassUrl(sUrl);
	paspoorturl = oUrl.getVariable("paspoorturl");
	//alert('checking');

	if (typeof(paspoorturl) != "undefined" && paspoorturl != "")
	{
		paswoord();
	}
}


function paswoord()
{
	height = document.body.clientHeight;
	paspoorturl = "";
	step = "";
	nwml = "";
	sanity = "";
	sUrl = window.location.href;
	oUrl = new ClassUrl(sUrl);
	paspoorturl = oUrl.getVariable("paspoorturl");
	step = oUrl.getVariable("step");

	if (typeof(paspoorturl) != "undefined" && paspoorturl != "")
	{
		var sUrl = window.location.href;
		var oUrl = new ClassUrl(sUrl);
		nwml = oUrl.getVariable("nwml");
		sanity = oUrl.getVariable("sanity");
		//paspoorturl=oUrl.getVariable("paspoorturl")+'?notempty=1';

		if ((typeof(nwml) == "undefined" || nwml == "") && (typeof(sanity) == "undefined" || sanity==""))
		{
			paspoorturl=oUrl.getVariable("paspoorturl")+'?notempty=1';
			//alert('no sanity and nwml');
		}
		else
		{
			paspoorturl=oUrl.getVariable("paspoorturl")+'?notempty=1&sanity='+sanity+'&nwml='+nwml+'&step='+step+'';
			//alert('banzaai !! found sanity and nwml');
		}

		step = oUrl.getVariable("step");
		placeBanner2();
		show_banner2();

		if (step == 0)
		{
			stepholder.innerHTML="<img src='/components/service/registratie/vaste_componenten/images/mpbanner.gif'>";
			color_step0();
			sluitreg.style.visibility="hidden";
		}
		else
		{
			eval("color_step"+step+"();");
		}
	}
}


function finish_passport()
{
	var sUrl = window.location.href;
	var oUrl = new ClassUrl(sUrl);
	step = oUrl.getVariable("step");

	if (typeof(step) == "undefined" || step == "")
	{
		location.href = oUrl.sUrlNoQuery;
		//alert('step is niets');
	}
	if (step == "0")
	{
		banner2.style.visibility="hidden";
		hold_mediapaspoort.style.visibility="hidden";
		location.href = oUrl.sUrlNoQuery;
		//alert('step is 0');
	}
	else
	{
		banner2.style.visibility="hidden";
		hold_mediapaspoort.style.visibility="hidden";
		location.href = oUrl.sUrlNoQuery;
		//alert('step is niet leeg');
	}
}


function finish_info_passport()
{
	OpenWin = this.open("/service/registratie/", "CtrlWindow", "toolbar=yes,menubar=yes,location=yes,scrollbars=yes,resizable=yes");
	top.finish_passport();
}


function placeBannerEnd()
{
	var sUrl = window.location.href;
	var oUrl = new ClassUrl(sUrl);
	var logonEnd = oUrl.sUrlNoQuery;
	hold_mediapaspoort.innerHTML="<table cellpadding='0' cellspacing='0' border='0'' bgcolor='#DEDEDE' id='adtable'><tr><td style='border-top:2px solid #cccccc;border-left:2px solid #cccccc;border-right:2px solid #000000;text-align:right;font-size:14px;color:#FFFFFF;font-style:bold;text-align:center' id='iptrbottom' colspan='3' valign='top' height='20'>&nbsp;</td></tr><tr><td id=leftborder style='border-left:2px solid #cccccc' width='8'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='8' height='8'/></td><td><iframe width='100%' height='100%' style='border:1px solid #000000' marginwidth=0 marginheight=0 bgcolor=#ffffff hspace=0 vspace=0 frameborder=0 scrolling='no' vscroll='no' hscroll='no' allowtransparancy='false' src='/service/registratie/subscribe/aanvullende_vragen.xml' id='ipframe' name='ipframe'></iframe></td><td id=rightborder style='border-right:2px solid #333333' width='8'><img src='/components/service/registratie/vaste_componenten/images/1x1.gif' border='0' width='8' height='8'/></td></tr><tr valign='bottom'><td colspan='3' style='border-bottom:2px solid #000000;border-left:2px solid #cccccc;border-right:2px solid #000000;text-align:left;padding:3px' id='iptrbottom' valign='top'>&nbsp;&nbsp;<a href='"+logonEnd+"'><img src='/components/service/registratie/vaste_componenten/images/slaover.gif' border='0' id ='sluitreg'></a></td></tr></table>";
}


function resizethisad(width,height)
{
	var totalwidth = Number(Number(width)+16);
	var totalheight = Number(Number(height)+40);
	adtable.style.width= totalwidth;
	adtable.style.height=totalheight;
	ipframe.resizeTo(width,height);
}


function close()
{
	if(confirm("De registratie is nog niet voltooid, wil je toch afsluiten?"))
	{
		if(navigator.userAgent.indexOf('Mac') != -1)
		{
			banner2.style.visibility="hidden";
			//abouttable.style.visibility="hidden";
			hold_mediapaspoort.style.visibility="hidden";
			var sUrl = window.location.href;
			var oUrl = new ClassUrl(sUrl);
			window.location.href = oUrl.sUrlNoQuery;
		}
		else
		{
			banner2.style.visibility="hidden";
			//abouttable.style.visibility="hidden";
			hold_mediapaspoort.style.visibility="hidden";
		}
	}
	else
	{
		//
	}
}


function changebox(id)
{
	var idalpha = Number(id - 1);

	eval("step"+id+".style.border='1px solid #000000'");

	if (idalpha == 0)
	{
		//
	}
	else
	{
		eval("step"+idalpha+".style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=30)'");
	}
}


function fill_iframeholder(id)
{
	iframeholder.innerHTML="<iframe width='180px' height='368px' marginwidth='0' marginheight='0' bgcolor='#ffffff' hspace='0' vspace='0' frameborder='0' vscroll='no' hscroll='no' allowtransparancy='false' src='/service/registratie/subscribe/uitleg_stap"+id+".xml' name='rtlid' style=''></iframe>";
}


function color_step0()
{
	fill_iframeholder('0');
	stepholder.style.backgroundColor='000000';
}


function color_step1()
{
	changebox('1');
	fill_iframeholder('1');
	step1.style.backgroundColor='CCCC33';
}


function color_step2()
{
	changebox('2');
	fill_iframeholder('2');
	step2.style.backgroundColor='CCCC33';
}


function color_step3()
{
	changebox('3');
	fill_iframeholder('3');
	step3.style.backgroundColor='CCCC33';
}


function color_step4()
{
	changebox('4');
	changebox('3');
	changebox('2');
	changebox('1');
	//sluitreg.style.visibility="hidden";
	fill_iframeholder('4');

	step1.style.backgroundColor='CCCC33';
	step2.style.backgroundColor='CCCC33';
	step3.style.backgroundColor='CCCC33';
	step4.style.backgroundColor='CCCC33';
}


function color_step5()
{
	changebox('5');
	fill_iframeholder('5');
	step5.style.backgroundColor='CCCC33';
}