var youtubeDivId = "youtube";
	$("body").append("<div id='" + youtubeDivId +"'></div>");
	var youtubeDiv = $("#" + youtubeDivId);
	youtubeDiv.hide();
	$("#youtube").easydrag();
	
	var width = 425;
	var height = 355;
	var offset = 0;
	
	function getImageURL(id) {
		return "http://i.ytimg.com/vi/" + id + "/default.jpg";
	}
	
	function addYouTube(youtubeDiv, id) {
		var xpath = "img[@src=" + getImageURL(id) + "]";
		var Image = $(xpath);
		var subject = $(Image).attr("alt");
		var content = "<table width='100%'><td height='20'><b>" + subject + "</b></td><td align='right'><img src='/close_button.gif' border='0' onclick='javascript:hideYouTube()'></td></tr></table><center><table width='" + width + "' height='" + height + "'><tr><td width='100%' height='100%' align='center' valign='center'><object width='" + width + "' height='" + height + "'><param name='movie' value='http://www.youtube.com/v/" + id + "'></param><param name='wmode' value='transparent'></param><embed src='http://www.youtube.com/v/" + id + "&autoplay=1' type='application/x-shockwave-flash' wmode='transparent' width='" + width + "' height='" + height + "'></embed></object></td></tr></table></center>";
		youtubeDiv.html(content);
	}
	
	function writeYouTube(id, subject, description) {
			document.write("<img src=\"" + getImageURL(id) + "\" border=\"0\" alt=\"" + subject + "\" width=130 height=100 onclick=\"javascript: showYouTube('" + id + "')\">");
	}
	
	function writeYouTubeEx(id, subject) {
			document.write("<table><tr><td>");
			document.write("<img src=\"" + getImageURL(id) + "\" border=\"0\" alt=\"" + subject + "\" width=130 height=100 style='cursor:pointer' onclick=\"javascript: showYouTube('" + id + "')\">");
			document.write("<td valign='center'>&nbsp;&nbsp;" + subject + "</td></tr></table>");
	}
	
	function embedYouTube(id, subject) {
		document.write("<a href=\"http://www.youtube.com/watch?v=" + id + "\"><img src=\"http://i.ytimg.com/vi/" + id + "/default.jpg\" border=\"0\" alt=\"" + subject + "\" width=130 height=100></a>");
	}
	
	function showYouTube(id) {
		var youtubeDiv = $("#" + youtubeDivId);
		$("table", youtubeDiv).remove(); 
		addYouTube(youtubeDiv, id);
		youtubeDiv.css("position", "absolute");
		youtubeDiv.css("background-color", "#EFF3FF");
		youtubeDiv.css("width", width + offset);
		youtubeDiv.css("height", height + offset);
		
		var posx = 0;
		var posy = 0;

		if (!e) var e = window.event;

		if (e.pageX || e.pageY) {
			posx = e.pageX;
			posy = e.pageY;
		}	else if (e.clientX || e.clientY) {
			posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			posy = e.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
		}
			
		youtubeDiv.css("left", posx);
		youtubeDiv.css("top", posy - 10);
		//youtubeDiv.css("border-right", "solid 2px #000000");
		//youtubeDiv.css("border-bottom", "solid 2px #000000");
		youtubeDiv.show();
	}
	
	function hideYouTube() {
		var youtubeDiv = $("#" + youtubeDivId);
		$("table", youtubeDiv).remove();
		youtubeDiv.hide();
	}

	//$(function(){
	//	$("body").append("<div id='" + youtubeDivId +"'></div>");
	//	var youtubeDiv = $("#" + youtubeDivId);
	//	youtubeDiv.hide();
	//	$("#youtube").easydrag();		
	//});
	
	function getContent(datasource) {
		var ajaxParameter = {
			type: "GET",
			url: datasource,
			dataType: "text",
			success: function(msg) {
				alert(msg);
				$("#content").html(msg);
			}
		};
		$.ajax(ajaxParameter);
	}