//this script that will launch a window containing the right movie depending on the input.
var videostrings = new Array
videostrings[0] = "http://video.google.com/googleplayer.swf?docId=72662646678638744&hl=nl"
videostrings[1] = "http://video.google.com/googleplayer.swf?docId=-4008446357709315272&hl=nl"
videostrings[2] = "http://video.google.com/googleplayer.swf?docId=-7603136030705162544&hl=nl"
videostrings[3] = "http://video.google.com/googleplayer.swf?docId=-4196724099152372590&hl=nl"

var namestrings = new Array
namestrings[0] = "Marjan Slob"
namestrings[1] = "Menno Hurenkamp"
namestrings[2] = "Marije Meerman"
namestrings[3] = "Chris Keulemans"

function VideoPlayer(TheVid){
var PlayerHolder = document.getElementById('PlayerHolder')
var PreviousName = ""
var NextName = ""
var namesP1 = " <p style=\"cursor: pointer; text-decoration: underline; font-weight: bold;\" "
var namesP2 = " onMouseOver=\"this.style.color=\'#000090\'\" onMouseOut=\"this.style.color=\'#000000\'\">"

  if (parseInt(TheVid)==0){
  NextName=namesP1+" onClick='VideoPlayer("+parseInt(TheVid+1)+")'"+namesP2+namestrings[TheVid+1]+"</p>"
  PreviousName=""
  } else if(parseInt(TheVid)==namestrings.length-1){
  PreviousName=namesP1+" onClick='VideoPlayer("+parseInt(TheVid-1)+")'"+namesP2+namestrings[TheVid-1]+"</p>"
  NextName=""
  } else if(TheVid==null){
  PlayerHolder.innerHTML = "" 
  return;
  }
  else {
  PreviousName=namesP1+" onClick='VideoPlayer("+parseInt(TheVid-1)+")'"+namesP2+namestrings[TheVid-1]+"</p>"
  NextName=namesP1+" onClick='VideoPlayer("+parseInt(TheVid+1)+")'"+namesP2+namestrings[TheVid+1]+"</p>"
  }

if (PreviousName=="undefined" && NextName == "undefined"){
PlayerHolder.innerHTML=""
return;
}
  
HTMLstring = "<table border=0 cellpadding=0 cellspacing=0 style='width: 404px; height: 380px; position: fixed; top: 75px; left: 250px; z-index: 2;'>"+
"<tr>"+
"<td style='background:white; margin: 5px 5px 5px 5px; border: 2px solid #990000; border-bottom: none; ' colspan=3>"+
"<p><b>&nbsp;&nbsp;"+namestrings[TheVid]+"</b></p>"+
"</td>"+ 
"<tr>"+
"<td style='background:white; margin: 5px 5px 5px 5px; border: 2px solid #990000; border-collapse: collapse; ' colspan=3>"
HTMLstring += "<embed style='width:400px; height:326px;' id='VideoPlayback' type='application/x-shockwave-flash' src='"+videostrings[TheVid]+"' flashvars='autoPlay=true'></embed>"
HTMLstring+="</td></tr><tr>"+
"<td style='width:33%; background: white; border: 2px solid #990000; border-top: none;'>"+PreviousName+"</td>"+
"<td align='center' style='width:33%; background: white; border: 2px solid #990000; border-top: none;'>"+
namesP1+"onClick='VideoPlayer(null)'"+namesP2+"Sluiten</p></td>"+
"<td align='right' style='width:33%; background:white; border: 2px solid #990000; border-top: none;'>"+NextName+"</td>"+
"</tr></table>"



//PlayerHolder.style.border = "2px solid #990000"
PlayerHolder.style.background = "white"
PlayerHolder.style.position = "fixed"
PlayerHolder.style.top
document.getElementById('PlayerHolder').innerHTML = HTMLstring
}

//imageplacer
//we use this instead of hardcoding, to allow non JS users to use the player.

// Allows collecting elements of classes and putting them in arrays /
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
   var classes = elem[i].className;
   if (myclass.test(classes)) retnode.push(elem[i]);
   }
return retnode;
};

var PlayCells = document.getElementsByClassName('playcell')
for (i=0;i<PlayCells.length;i++){
PlayCells[i].innerHTML += "<img id=\"play"+i+"\" src=\"../../stuff/images/playvid.gif\" width=\"39\" height=\"39\" alt=\"Bekijk de Video\" border=\"0\" onclick=\"VideoPlayer("+i+")\" onMouseOver=\"SwitchImage(this.id, 'on')\" onMouseOut=\"SwitchImage(this.id, 'off')\"  style='cursor: pointer;'>"
}	



//imagepreloader
ImageOn = new Image(); ImageOn.src = "../../stuff/images/playvidblue.gif"
ImageOff = new Image(); ImageOff.src = "../../stuff/images/playvid.gif"

function SwitchImage(el, setting){
	if (setting == "on"){
	document.getElementById(el).src = ImageOn.src
	}else if (setting == "off"){
	document.getElementById(el).src = ImageOff.src
	}
}