var allPlayers = {};

var VPToggler = function(width, height, flvUrl, itemId) {
	allPlayers[itemId] = arguments;
	arguments.join = Array.prototype.join; 
	var playerPath = "/kernel/swf/player.swf";
	var bgColor = "#000000";
	//if(!swfobject.getObjectById("VPPlayer_" + itemId)) {
	if(!document.getElementById("PVOverlayDiv_" + itemId)) {
		//document.getElementById("PVLink_" + itemId).innerHTML = "Close Video";
		//alert(document.getElementById("PVLink_" + itemId).manual_cm_sp);
		//var closeImage=document.getElementById("PVImage_" + itemId);
		//closeImage.src="/kernel/images/video-close-button.gif";
		document.getElementById("PVLink_" + itemId).style.display='none';;
		document.getElementById("PVLinkClose_" + itemId).style.display='block';
		document.getElementById("PVImage_" + itemId).style.display='none';
		document.getElementById("PVImageClose_" + itemId).style.display='block';
		var playerDiv = document.createElement("div");
		var newId = "PVPlayerDiv_" + itemId;
		playerDiv.setAttribute("id", newId);
		var noClickDiv = document.createElement("div");
		noClickDiv.id = "PVNoClickDiv_" + itemId;
		noClickDiv.style.width = width + "px";
		noClickDiv.style.height = height + "px";
		noClickDiv.className = "vpNoClick";
		var overlayDiv = document.createElement("div");
		overlayDiv.id = "PVOverlayDiv_" + itemId;
		overlayDiv.style.width = width + "px";
		overlayDiv.className = "vpOverlayDiv";
		var overlayLinkDiv = document.createElement("div");
		overlayLinkDiv.id = "PVOverlayLinkDiv_" + itemId;
		overlayLinkDiv.className = "vpOverlayLinkDiv";
		overlayLinkDiv.style.width = width + "px";
		//overlayLinkDiv.innerHTML = "<a href=\"#\" onclick=\"VPToggler('" + arguments.join("', '") + "')\">Close</a>";
		if(width=="144") {
			overlayLinkDiv.innerHTML = "<img style=\"position: absolute; bottom: 0px; _bottom: -1px; left: 0px;\" width='" + width +"' src='/kernel/images/close-video-overlay-144.png' alt='Close Video' onclick=\"VPToggler('" + arguments.join("', '") + "');\" />";
		}
		if(width=="180") {
			overlayLinkDiv.innerHTML = "<img style=\"position: absolute; bottom: 0px; _bottom: -1px; left: 0px;\" width='" + width +"' src='/kernel/images/close-video-overlay-180.png' alt='Close Video' onclick=\"VPToggler('" + arguments.join("', '") + "');\" />";
		}
		if(width=="238") {
			overlayLinkDiv.innerHTML = "<img style=\"position: absolute; bottom: 0px; _bottom: -1px; left: 0px;\" width='" + width +"' src='/kernel/images/close-video-overlay-238.png' alt='Close Video' onclick=\"VPToggler('" + arguments.join("', '") + "');\" />";
                }
		//overlayLinkDiv.innerHTML = "<img width='" + width +"' src='/kernel/images/close-video-overlay.png' onclick=\"VPToggler('" + arguments.join("', '") + "');\" />";
		var playerParentNode = document.getElementById("PVImg_" + itemId).parentNode.parentNode;
		playerParentNode.style.position = "relative";
		playerParentNode.appendChild(playerDiv);
		playerParentNode.appendChild(noClickDiv);
		playerParentNode.appendChild(overlayDiv);
		playerParentNode.appendChild(overlayLinkDiv);
		document.getElementById("PVImg_" + itemId).style.display = "none";
		if( document.getElementById("PVOImg_" + itemId) ){
			document.getElementById("PVOImg_" + itemId).style.display = "none";
		}
		if( document.getElementById("PVVImg_" + itemId) ){
			document.getElementById("PVVImg_" + itemId).style.display = "none";
		}	
		swfobject.embedSWF(
			playerPath,
			newId,
			width,
			height,
			"9",
			"false",
			{
				"controlbar": "none",
				"autostart" : "true",
				"playerready": "VPTogglePlayerReadyCallBack",
				"icons": false,
				"file": flvUrl
			},
			{
				"wmode": "transparent",
				"allowfullscreen": "false",
				"allowscriptaccess": "always",
				"bgcolor": bgColor
			},
			{
				"id": "VPPlayer_" + itemId,
				"name": "VPPlayer_" + itemId
			}
		);
	} else {
		//document.getElementById("PVLink_" + itemId).innerHTML = "Play Video";
		//var playImage=document.getElementById("PVImage_" + itemId);
		//playImage.src="/kernel/images/video-button.gif";
		document.getElementById("PVLink_" + itemId).style.display='block';
		document.getElementById("PVLinkClose_" + itemId).style.display='none';
		document.getElementById("PVImage_" + itemId).style.display='block';
		document.getElementById("PVImageClose_" + itemId).style.display='none';
		swfobject.removeSWF("VPPlayer_" + itemId);
		document.getElementById("PVImg_" + itemId).style.display = "block";
		if( document.getElementById("PVOImg_" + itemId) ){
			document.getElementById("PVOImg_" + itemId).style.display = "block";
		}
		if( document.getElementById("PVVImg_" + itemId) ) {
			document.getElementById("PVVImg_" + itemId).style.display = "block";
		}	
		var removeDivNC = document.getElementById("PVNoClickDiv_" + itemId);
		removeDivNC.parentNode.removeChild(removeDivNC);
		var removeDivOD = document.getElementById("PVOverlayDiv_" + itemId);
		removeDivOD.parentNode.removeChild(removeDivOD);
		var removeDivODL = document.getElementById("PVOverlayLinkDiv_" + itemId);
		removeDivODL.parentNode.removeChild(removeDivODL);
	}
};

var VPTogglePlayerReadyCallBack = function(obj) {
	var itemId = obj["id"].split("VPPlayer_")[1];
	//document.getElementById("PVImg_" + itemId).style.display = "none";
	swfobject.getObjectById("VPPlayer_" + itemId).addModelListener("STATE", "videoComplete");
};

var videoComplete = function(obj) {
	if(obj.newstate=="COMPLETED") {
		VPToggler.apply(this, allPlayers[obj["id"].split("VPPlayer_")[1]]);
	}
};

