function MediaPlayerHtml()
{
    var htmlBuilder = [];

	htmlBuilder.push('<object id="MediaPlayer" width="100%" height="100%" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"');
	htmlBuilder.push('	standby="Beelden worden geladen..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">');
	
	htmlBuilder.push('<param value="" name="filename" />');
	htmlBuilder.push('<param value="" name="URL" />');
	htmlBuilder.push('<param value="True" name="AutoStart" />');
	htmlBuilder.push('<param value="True" name="ShowControls" />');
	htmlBuilder.push('<param value="True" name="ShowStatusBar" />');
	htmlBuilder.push('<param value="False" name="ShowTracker" />');
	htmlBuilder.push('<param value="False" name="ShowDisplay" />');
	htmlBuilder.push('<param value="False" name="ShowPositionControls" />');
	htmlBuilder.push('<param value="full" name="uimode" />');
	htmlBuilder.push('<param value="0" name="stretchtofit" />');
	htmlBuilder.push('<param value="1" name="enablecontextmenu" />');
	htmlBuilder.push('<param value="1" name="rate" />');
	htmlBuilder.push('<param value="0" name="balance" />');
	htmlBuilder.push('<param value="0" name="currentPosition" />');
	htmlBuilder.push('<param value="1" name="playCount" />');
	htmlBuilder.push('<param value="0" name="currentMarker" />');
	htmlBuilder.push('<param value="-1" name="invokeURLs" />');
	htmlBuilder.push('<param value="" name="baseURL" />');
	htmlBuilder.push('<param value="75" name="volume" />');
	htmlBuilder.push('<param value="0" name="mute" />');
	htmlBuilder.push('<param value="0" name="windowlessVideo" />');
	htmlBuilder.push('<param value="-1" name="enabled" />');
	htmlBuilder.push('<param value="1" name="fullScreen" />');
	htmlBuilder.push('<param value="0" name="enableErrorDialogs" />');

	htmlBuilder.push('	<embed id="MyEmbed" width="100%" height="100%" align="middle" showstatusbar="false" showcontrols="false"');
	htmlBuilder.push('	pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2"');
	htmlBuilder.push('  autostart="true" src="" />');

    htmlBuilder.push('<\/object>');
    return htmlBuilder.join('');
}

function SilverLigthHtml(strUrl)
{
	var htmlBuilder = [];

	htmlBuilder.push('<div id="silverlightControlHost">');
    htmlBuilder.push('    <object id="silverlightControl" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">');
    htmlBuilder.push('	  <param name="enableGPUAcceleration" value="true" />');
	htmlBuilder.push('	  <param name="source" value="http://www.natuurkanaal.nl/silver/ClientBin/SilverCam.xap"/>');
	htmlBuilder.push('	  <param name="onError" value="onSilverlightError" />');
	htmlBuilder.push('	  <param name="background" value="white" />');
	htmlBuilder.push('	  <param name="Windowless" value="false" />');
	htmlBuilder.push('	  <param name="InitParams" value="url='+strUrl+'" />');
	htmlBuilder.push('	  <param name="minRuntimeVersion" value="3.0.40624.0" />');
	htmlBuilder.push('	  <param name="autoUpgrade" value="true" />');
	htmlBuilder.push('	  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">');
 	htmlBuilder.push('		  <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>');
	htmlBuilder.push('	  </a>');
	htmlBuilder.push('    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>');
	return htmlBuilder.join('');
}

function Cam(intCam)
{
	try
	{
		switch(intCam)
		{
			case 0:
				CurrentUrl = url0;
				break;
			case 1:
				CurrentUrl = url1;
				break;
			case 2:
				CurrentUrl = url2;
				break;
			case 3:
				CurrentUrl = url3;
				break;
			case 4:
				CurrentUrl = url4;
				break;
			case 5:
				CurrentUrl = url5;
				break;
			case 6:
				CurrentUrl = url6;
				break;
			case 7:
				CurrentUrl = url7;
				break;
			case 8:
				CurrentUrl = url8;
				break;
         case 9:
            CurrentUrl = url9;
            break;
         case 10:
            CurrentUrl = url10;
           	break;
         case 11:
           	CurrentUrl = url11;
           	break;
         default:
				break;
		}
		try
		{
			var control = document.getElementById("silverlightControl");
			if(control != null)
				control.Content.SilverCam.Url = CurrentUrl;
		}
		catch(e)
		{
		}
		try
		{
			document.getElementById("MyEmbed").src = CurrentUrl;
			document.getElementById("MyEmbed").src = "leeg.txt";
		}
		catch(e)
		{
		}
		document.getElementById("MediaPlayer").URL = CurrentUrl;
		document.getElementById("MediaPlayer").fileName = CurrentUrl;
		document.getElementById("MediaPlayer").autostart = "1";
	}
	catch(e)
	{
		//alert(""+e);
	}
}

function MediaPlayer()
{
	var cnt = document.getElementById("mediaspace");
	cnt.innerHTML = MediaPlayerHtml();
	Cam(-1);
}

function SilverLight()
{
	var cnt = document.getElementById("mediaspace");
	cnt.innerHTML = SilverLigthHtml(CurrentUrl);
}

function CamSwitch()
{
	try
	{
		if(document.getElementById("MediaplayerOn").checked)
			MediaPlayer();
		else
			SilverLight();
	}
	catch(e)
	{
		//alert(e+"");
	}
}

function DefaultCam()
{
    var intI = location.search.indexOf("?cam=");
    if (intI == 0)
    {
        var strCam = location.search.substring(intI + 5);
        var radioButtons = document.getElementsByName("a");
        for (var x = 0; x < radioButtons.length; x ++)
        {
            if (radioButtons[x].getAttribute("onclick").indexOf(strCam) > 0)
                radioButtons[x].click();
        }
    }
    else 
    {
        Cam(3);
    }
}

function doLetterBox() {
	try {
		if (document.getElementById("LetterBox").checked)
			document.getElementById("LetterBoxStyle").href = "/css/16x9.css";
		else
			document.getElementById("LetterBoxStyle").href = "/css/4x3.css";
	}
	catch (e) {
	}
}

function DoInit() 
{
    DefaultCam();
    SilverLight();
}

window.onload = DoInit;