var video = {};

video.openVideo = function(url){
	var flashEmbed = '<object id="videoplaceholder" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="450">';
	                flashEmbed += '<param name="menu" value="false" />';
	                flashEmbed += '<param name="allowscriptaccess" value="always" />';
	                flashEmbed += '<param name="wmode" value="transparent" />';
	                flashEmbed += '<param name="flashvars" value="source=' + url + '" />';
	                flashEmbed += '<param name="movie" value="videoplayer.swf" />';
	                flashEmbed += '<!--[if !IE]>-->';
	                //flashEmbed += '<object type="application/x-shockwave-flash" data="videoplayer.swf" width="800" height="450">';
	                flashEmbed += '<embed src="videoplayer.swf" quality="high" width="800" height="450" flashvars="source=' + url + '" name="movie" align="TL"  allowscriptaccess="always" wmode="transparent" menu="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>';
	                flashEmbed += '</object>';
	                flashEmbed += '<!--<![endif]-->';
		        flashEmbed += '</object>';
	$('#div1').empty()
		  .html(flashEmbed);
}

video.constructVideo = function (divId){
	$("#"+divId)
		.empty()
		.append($("<div></div>")
			.attr("id","container")
			.css({
				"position"		: "relative",
				"left"			: "45px",
				"top"			: "45px",
				"height" 		: "430px",
				"margin-bottom"	: "45px"
			})
			.append($("<div></div>")
				.attr("id","div1")
			)
		)
		.append($("<ul></ul>")
			.css("margin", "0px")
			.css("padding", "0px")
			.append($("<li></li>")
				.addClass("videoThumb")
				.append($("<a></a>")
					.attr("href" , "assets/video/Nieuw Hoog Catahrijne november 2008.f4v")
					.addClass("playVideo")
					.append($("<img />")
						.attr("src", "assets/components/nhc/i/video-thumb-1.jpg")
					)
				)
			)
			.append($("<li></li>")
				.append($("<a></a>")
					.attr("href" , "assets/video/Hoog Catharijne Kickoff.f4v")
					.addClass("playVideo")
					.append($("<img />")
						.attr("src", "assets/components/nhc/i/video-thumb-2.jpg")
					)
				)
			)
		);
	$(".videoThumb")
		.css({
			"list-style" 	: "none",
			"float" 	: "left",
			"padding-right" : "20px"
		});
	
	$(".playVideo")
		.click(function(e){
			e.preventDefault();
			video.openVideo($(this).attr("href"));
		})
		.css({
			"display"		: "block",
			"position"		: "relative",
			"top"			: "20px",
			"left"			: "45px",
			"margin-bottom"		: "20px"
		});
	
	video.openVideo('assets/video/Nieuw Hoog Catahrijne november 2008.f4v');
}