var videolist = new Array();
videolist['fajah_unibet'] = 'Fajah Unibet commercial';
videolist['fajah_allin'] = 'Fajah All In Clip';
videolist['fajah_commercial'] = 'Fajah Loeki commercial';

var so = new SWFObject('http://www.fajah.com/video/player/player.swf','mpl','320','260','9');
so.addVariable('width','320');
so.addVariable('height','260');
so.addParam('allowfullscreen','true');
so.addVariable('frontcolor','0x000000');
so.addVariable('lightcolor','0x9b9b9b');
so.addVariable('screencolor','0x000000');
so.addVariable('autostart','false');

var no_flash = '<br /><br /><br /><br /><br /><a href="http://www.macromedia.com/go/getflashplayer" target="_blank">Je hebt een Flash Player nodig<br />om deze video\'s te kunnen bekijken.<br /><br />Klik hier om deze nu te installeren.</a>';
				

	function play_video( file , autostart ){
		
		// autstart alleen false bij laden pagina, in dat geval lijst filmpjes inladen
		if( autostart != undefined)
			fill_list();			
		else
			so.addVariable('autostart','true');
		
		if( file ){
					
			clear_bold();
			
			load_file( file );
	
		}
		
	}

	
	function load_file( file ){
		
		document.getElementById('flashplayer').innerHTML = no_flash;
		document.getElementById( file ).style.fontWeight = "bold";
		document.getElementById( file ).style.color = "#fff";
		document.getElementById( file + '_image').style.borderColor = "#fff";
		
		so.addVariable('file','http://www.fajah.com/video/' + file + '.flv');
		so.addVariable('image','http://www.fajah.com/video/' + file + '.jpg');
		so.write('flashplayer');
	}
	
	function clear_bold(){
		
		var items = document.getElementById( 'videolist' ).getElementsByTagName( 'a' );
		var images = document.getElementById( 'videolist' ).getElementsByTagName( 'img' );
		
		for( i = 0; i < items.length; i++){
			items[i].style.fontWeight = "normal";
			items[i].style.color = "#807F7F";
		}
		
		for( i = 0; i < images.length; i++){
	
			images[i].style.borderColor = "#807F7F";
		}
		
	}
	
	function fill_list(){
		
		var count = 0;
		var html = '<p><strong>Selecteer een video:</strong></p><table><tbody>';
		
		for( var i in videolist ){
			
			if(count == 0)
				html += '<tr>';
				
			html += '<td style="width: 100px;"><a href="javascript: play_video(\'' + i + '\');" title="' + videolist[i]+ '"><img id="' + i + '_image" height="90" width="120" alt="' + videolist[i]+ '" src="http://www.fajah.com/video/' + i + '.jpg" /></a></td>';
			html += '<td style="width: 190px; padding: 0 5px;"><a id="' + i + '" href="javascript: play_video(\'' + i + '\');" title="' + videolist[i]+ '">' + videolist[i]+ '</a></td>';
			
			if(count == 1){
				html += '</tr>';
				count = 0;
			}
			
			count++;
		}
		
		html += '</tbody></table>';
		
		document.getElementById('videolist').innerHTML = html;
	}