Ext.namespace('Simon.video');
Simon.video.Embed = function(id, data, video){
	var container = Ext.get(id  + '-container');
	var video = Ext.get(id);
	var path = video.getAttribute('href');
	var file = path.split('.')[0] + '.ogg';
	
	if((navigator.userAgent.match(/iPhone|iPod|iPad/i))) { 
		file = path.split('.')[0] + '.mp4';
	}
	
	container.update(String.format(
		"<div class=\"video-js-box\"><video class=\"video-js\" type=\"video/ogg;\" src=\"{0}\" width=\"{1}\" height=\"{2}\" controls autoplay preload></video></div>"
		,file
		,data.display.width
		,data.display.height
	));
	
	VideoJS.setup({
		controlsHiding: false
	});
};