try {
	var controlbarReady = playerReady;
} catch (err){
}
playerReady = function(obj) {
	try {
		var player = $("#"+obj['id']);
		player.each(function (){
			this.addModelListener("TIME","timeTracker");
			this.addModelListener("STATE","playTracker");
			this.addControllerListener("MUTE","muteTracker");
			this.addControllerListener("VOLUME","volumeTracker");
			this.addModelListener('STATE', 'stateMonitor');
		});
		if (obj['id'] == 'home_clip') { //Only add a controlbar on the frontpage movie			
			player.addControlbar();
		}
	} catch (err){
	}
	try {
		controlbarReady(obj);
	} catch (err){
	}
}

jQuery.fn.addControlbar = function (options){
	var settings = jQuery.extend({
		'width': this.width(),
		'prefix': 'jw_controlbar',
		'elements': {
			'play': {
				'width': '16px',
				'height': '16px',
				'background-image': 'url("http://www.longtailvideo.com/jw/images/controlbar/control_play_blue.png")',
				'float': 'left',
				'display': 'block'
			},
			'pause': {
				'width': '16px',
				'height': '16px',
				'background-image': 'url("http://www.longtailvideo.com/jw/images/controlbar/control_pause_blue.png")',
				'float': 'left',
				'display': 'none'
			},
			'stop': {
				'width': '16px',
				'height': '16px',
				'background-image': 'url("http://www.longtailvideo.com/jw/images/controlbar/control_stop_blue.png")',
				'float': 'left',
				'display': 'block'
			},
			'currenttime': {
				'width': '12%',
				'float': 'left',
				'display': 'block',
				'text-align': 'right',
				'font-family': 'monospace',
				'font-weight': '900',
				'font-size': '11px'
			},
			'scrubber': {
				'width': '100%',        
				'float': 'left',
				'display': 'block'
			},
			'totaltime': {
				'width': '12%',
				'float': 'left',
				'display': 'block',
				'text-align': 'left',
				'font-family': 'monospace',
				'font-weight': '900',
				'font-size': '11px'
			},
			'fullscreen': {
				'width': '5%',
				'background-color': 'black',
				'float': 'left',
				'display': 'none'
			},
			'mute': {
				'width': '62px',
				'height': '12px',
				'float': 'left',
        'cursor' : 'pointer'
			},
			'unmute': {
				'width': '62px',
				'height': '12px',
				'float': 'left',
        'cursor' : 'pointer'        
			},
			'volume': {
				'width': '5%',
				'float': 'left',
				'display': 'block',
				'margin': '5px'
			},
			'btn_storytelling': {
				'width': '240px',
				'height': '100px',
				'position': 'absolute',
				'top': '0px',
        'cursor': 'pointer',        
				'left': '0px'
			},
			'btn_onsverhaal': {
				'width': '240px',
				'height': '100px',
				'position': 'absolute',
				'top': '0px',
        'cursor': 'pointer',
				'left': '240px'
			},
			'btn_onswerk': {
				'width': '240px',
				'height': '100px',
				'position': 'absolute',
				'top': '0px',
        'cursor': 'pointer',        
				'left': '480px'
			},
			'btn_onzemensen': {
				'width': '240px',
				'height': '100px',
				'position': 'absolute',
				'top': '0px',
        'cursor': 'pointer',        
				'left': '720px'
			}                  
		}
	}, options);
	
	this.after(buildControlbar(settings));
	var player = this[0];
	var playerSiblings = this.siblings();
	var play = $("."+settings.prefix+".play", playerSiblings);
	var pause = $("."+settings.prefix+".pause", playerSiblings);
	var stop = $("."+settings.prefix+".stop", playerSiblings);
	var scrubber = $("."+settings.prefix+".scrubber", playerSiblings);
	var currenttime = $("."+settings.prefix+".currenttime", playerSiblings);
	var totaltime = $("."+settings.prefix+".totaltime", playerSiblings);
	var fullscreen = $("."+settings.prefix+".fullscreen", playerSiblings);
	var mute = $("."+settings.prefix+".mute", playerSiblings);
	var unmute = $("."+settings.prefix+".unmute", playerSiblings);
	var volume = $("."+settings.prefix+".volume", playerSiblings);
  
 	var btn_storytelling = $("."+settings.prefix+".btn_storytelling", playerSiblings);
 	var btn_onsverhaal = $("."+settings.prefix+".btn_onsverhaal", playerSiblings);
 	var btn_onswerk = $("."+settings.prefix+".btn_onswerk", playerSiblings);
 	var btn_onzemensen = $("."+settings.prefix+".btn_onzemensen", playerSiblings);      

	play.click(function() {
		player.sendEvent("PLAY", true);
	});


	pause.click(function() {
		player.sendEvent("PLAY", false);
	});

	stop.click(function() {
		player.sendEvent("STOP");
	});

/*Custom knoppen*/
	btn_storytelling.click(function() {
		window.location='storytelling';
	});

	btn_onsverhaal.click(function() {
		window.location='ons-verhaal';
	});
  
  btn_onswerk.click(function() {
		window.location='ons-werk';
	});
  
  btn_onzemensen.click(function() {
		window.location='onze-mensen';
	});
  
	btn_storytelling.mouseover(function() {
    btn_storytelling.css('background-position','0px top');
	});

	btn_onsverhaal.mouseover(function() {
    btn_onsverhaal.css('background-position','-240px top');
	});
  
  btn_onswerk.mouseover(function() {
    btn_onswerk.css('background-position','-480px top');
	});
  
  btn_onzemensen.mouseover(function() {
    btn_onzemensen.css('background-position','-720px top');
	});  

	btn_storytelling.mouseout(function() {
    btn_storytelling.css('background-position','0px -98px');
	});

	btn_onsverhaal.mouseout(function() {
    btn_onsverhaal.css('background-position','-240px -98px');
	});
  
  btn_onswerk.mouseout(function() {
    btn_onswerk.css('background-position','-480px -98px');
	});
  
  btn_onzemensen.mouseout(function() {
    btn_onzemensen.css('background-position','-720px -98px');
	});   
  
	currenttime.html("00:00");

	scrubber.slider({
			range: "min",
			min: 0,
			max: 100000,
			slide: function(event, ui) {
				var duration = player.getPlaylist()[player.getConfig()['item']].duration;
				var seekTime = Math.round(duration * ui.value / 100000);
				player.sendEvent("SEEK", seekTime);
			}
	});

	totaltime.html("00:00");

	fullscreen.click(function() {
		player.sendEvent("FULLSCREEN", true);
	});

	mute.click(function() {
		player.sendEvent("MUTE", true);
	});

	unmute.click(function() {
		player.sendEvent("MUTE", false);
	});

	volume.slider({
			range: "min",
			min: 0,
			max: 100,
			value: player.getConfig()['volume'],
			slide: function(event, ui) {
				player.sendEvent("VOLUME", ui.value);
			}
		});
}

function buildControlbar(settings){
	var result = "";
	result += "<div class='"+settings.prefix+"' style='width:"+settings.width+"px'>";
	for (element in settings.elements){
		var style = "";
		for (styleElement in settings.elements[element]){
			style += styleElement+":"+settings.elements[element][styleElement]+";";
		}
		result += "<div class='"+settings.prefix+" "+element+"' style='"+style+"'>&nbsp;</div>";
	}
	result += "</div>";
	return result;
}

 function stateMonitor(obj) {
		//var player2 = $("#calltoaction");
		//$("#calltoaction").sendEvent("PLAY", true);
    if(obj['id'] == 'coldcalling_clip' && obj.newstate == 'COMPLETED') {
		var movie = thisMovie('calltoaction');
		movie.sendEvent("STOP");		
		movie.sendEvent("PLAY", true);		
		//$("#calltoaction")..sendEvent("PLAY", true);		
         // drop out of fullscreen
         // this.window.focus();
         // load a new page
         // window.location = 'http://www.google.com';
    }
};
	  
function pad(s,l) {
	return( l.substr(0, (l.length-s.length) )+s );
}

function formatTime(seconds){
	var result = "";
	var remaining = Math.floor(seconds);
	
	if (seconds > 3600){
		result += pad((Math.floor(remaining/3600)).toString(),"00")+":";
		remaining = remaining % 3600;
	}
	
	result += pad((Math.floor(remaining/60)).toString(),"00")+":";
	remaining = remaining % 60;

	result += pad(remaining.toString(),"00")+"";
	
	return result;
}

function play(player){
	player.sendEvent("PLAY");
	return false;
}

function stop(player){
	player.sendEvent("STOP");
	return false;
}

function seek(player){
	player.sendEvent("STOP");
	return false;
}

function timeTracker(obj){
	var percentComplete = Math.round(100000 * obj.position / obj.duration);
	var player = $("#"+obj['id']);
	var playerSiblings = player.siblings();
	$(".jw_controlbar.scrubber", playerSiblings).slider('option', 'value', percentComplete);
	$(".jw_controlbar.currenttime", playerSiblings).html(formatTime(obj.position));
	$(".jw_controlbar.totaltime", playerSiblings).html(formatTime(obj.duration));
}

function playTracker(obj){
	var player = $("#"+obj['id']);
	var playerSiblings = player.siblings();
	if (obj.newstate == "PLAYING"){
		$(".jw_controlbar.pause", playerSiblings).css("display","block");
		$(".jw_controlbar.play", playerSiblings).css("display","none");
	} else {
		$(".jw_controlbar.pause", playerSiblings).css("display","none");
		$(".jw_controlbar.play", playerSiblings).css("display","block");
	}
}

function muteTracker(obj){
	var player = $("#"+obj['id']);
	var playerSiblings = player.siblings();
	if (!obj.state){
		$(".jw_controlbar.mute", playerSiblings).css("display","block");
		$(".jw_controlbar.unmute", playerSiblings).css("display","none");
		setVolume($(".jw_controlbar.volume", playerSiblings), player[0].getConfig()['volume']);
	} else {
		$(".jw_controlbar.mute", playerSiblings).css("display","none");
		$(".jw_controlbar.unmute", playerSiblings).css("display","block");
		setVolume($(".jw_controlbar.volume", playerSiblings), 0);
	}
}

function thisMovie(movieName) {
	if(navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	} else {
		return document[movieName];
	}
};

function volumeTracker(obj){
	var player = $("#"+obj['id']);
	var playerSiblings = player.siblings();
	setVolume($(".jw_controlbar.volume", playerSiblings),obj.percentage);
}

function setVolume(slider, value){
	slider.slider('option', 'value', value);
}