var embedPlayerID = "";


// ****************************************************************
// Function:		getTheElement
// Params:			
// ****************************************************************
function getTheElement(id) {
	return document.getElementById(id);
}


// ****************************************************************
// Function:		writeTeaserImage
// Params:			
// ****************************************************************
function writeTeaserImage(strImageUri, viewportID, strClipUrl, hiddenplayer) {
	getTheElement(viewportID).innerHTML = "";
	//alert(strImageUri);
	
	//var strHTML = "<div class=\"EclipBackground\" >" // style=\"background-image: url('" + strImageUri + "')\">"
	//				+ "	<div class=\"EclipForeground\" onclick=\"playClip('" + viewportID + "', '" + strClipUrl + "', " + hiddenplayer + ")\"></div>"
	//				+ "</div>";
	
	var strHTML = "<div class=\"EclipForeground\" onclick=\"playClip('" + viewportID + "', '" + strClipUrl + "', " + hiddenplayer + ")\"></div>";
	
	getTheElement(viewportID).innerHTML = strHTML;
	
	// Add background image to embed tag
	getTheElement(viewportID).style.backgroundImage = "url('" + strImageUri + "')";
}


// ****************************************************************
// Function:		writePlayer
// Params:			
// ****************************************************************
function writeEmbedPlayerAndPlay(viewportID, strClipUrl, hiddenplayer) {
	getTheElement(viewportID).innerHTML = "";
	
	//var embedPlayerID = viewportID + "Player";
	embedPlayerID = viewportID + "Player";
	strClipUrl = strClipUrl + "&bitrate=low";
	
	var playerWidth = 184, playerHeight = 104;
	var playerWidth = parseInt(document.getElementById(viewportID).offsetWidth);
	var s = "";
	
	
	var allSupported = window.ActiveXObject ? true : false;
	if(allSupported) {
		s += '<object ID="' + embedPlayerID + '"';
		s += 'CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="' + playerWidth + '" height="' + playerHeight + '">';
		s += '<param name="URL" value="' + strClipUrl + '">';
		s += '<param name="AutoStart" value="' + true + '">';
		s += '<param value="False" name="ShowControls">';
		s += '<param value="False" name="ShowAudioControls">';
		s += '<param value="False" name="ShowPositionControls">';
		s += '<param value="True" name="ShowDisplay">';
		s += '<param value="False" name="ShowCaptioning">';
		s += '<param value="False" name="ShowGotoBar">';
		s += '<param value="False" name="ShowStatusBar">';
		s += '<param value="none" name="UIMode">';
		s += '</object>';
	}
	else {
		s += '<embed  ';
		s += ' id="' + embedPlayerID + '" ';
		s += ' name="' + embedPlayerID + '" ';
		s += ' type="application/x-mplayer2" '; // video/x-ms-wmv
		//s += ' CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" ';
		s += ' width="' + playerWidth + '" ';
		s += ' height="' + playerHeight + '" ';
		s += ' src="' + strClipUrl + '" ';
		s += ' fullScreen="0"'
		s += ' currentPosition="0"';
		s += ' autostart="' + true + '"';
		s += ' stretchtofit="0"';
		s += ' showcontrols="0"';
		s += ' autorewind="1" ';
		s += ' showaudiocontrols="0"';
		s += ' showpositioncontrols="0"';
		s += ' showcaptioning="0"';
		s += ' showgotobar="0"';
		s += ' showstatusbar="0"';
		s += ' uimode="none"';
		s += ' ></embed>';
	}
	
	if((hiddenplayer != null) && (hiddenplayer == true))
    {
	    s = "<div style=\"visibility:hidden\">" + s + "</div>";
	}
	
	getTheElement(viewportID).innerHTML = s;


	//playerObj = getElement(embedPlayerID);
	//mediaPlayer.setPlayerReference(playerObj);
}


// ****************************************************************
// Function:		playClip
// Params:			
// ****************************************************************
function playClip(viewportID, strClipUrl, hiddenplayer) {
	writeEmbedPlayerAndPlay(viewportID, strClipUrl, hiddenplayer);
}


// ****************************************************************
// Function:		stopClip
// Params:			
// ****************************************************************
function stopClip(strImageUri, viewportID, strClipUrl, hiddenplayer) {
	
	
	//alert(getTheElement(embedPlayerID).outerHTML);
	//getTheElement(embedPlayerID).controls.stop();
	//getTheElement(embedPlayerID).outerHTML = "";
	
	writeTeaserImage(strImageUri, viewportID, strClipUrl, hiddenplayer);
}