function showMediaSlip(width, height, type, url, text) {
	var mediaSlip = document.getElementById('mediaSlip');
	var mediaSlipContainer = document.getElementById('mediaSlipContainer');
	var data;

	data = '<div class="mediaCloseOff" onmouseover="this.className = \'mediaCloseOn\'" onmouseout="this.className = \'mediaCloseOff\'" onclick="hideMediaSlip();"></div>';
	
	if(type == 0) {
		data += '<img src="'+url+'" width="'+width+'" height="'+height+'">';
		mediaSlip.onclick = function () {hideMediaSlip();}
		mediaSlip.style.cursor = 'pointer';
		mediaSlip.style.paddingTop = '10px';
	} else if(type == 1) {
		data += '<object id="mediaObj" width="'+width+'" height="'+height+'" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="'+url+'"><param name="autoplay" value="true"><param name="controller" value="true"><param name="bgcolor" value="#AF9350"><param name="scale" value="aspect"><param name="showcontrols" value="true"><embed width="'+width+'" height="'+height+'" src="'+url+'" autoplay="true" controller="true" showcontrols="true" scale="aspect" bgcolor="#AF9350" pluginspage="http://www.apple.com/quicktime/download/" enablejavascript="true"></embed></object>';
		mediaSlip.onclick = function () {}
		mediaSlip.style.cursor = 'default';
		mediaSlip.style.paddingTop = '24px';
	}
	
	// size the div that wraps the image
	mediaSlip.style.width = width+'px';
	mediaSlip.style.height = height+'px';

	// add in any dynamic text
	var mediaSlipText = document.getElementById('mediaSlipText');
	if (text != null && text != "") {
		if (mediaSlipText) {
			// translate any SINGLE_QUOTE and DOUBLE_QUOTE symbols we have in the text
			text = text.replace(/SINGLE_QUOTE/g, "'");
			text = text.replace(/DOUBLE_QUOTE/g, '"');
			mediaSlipText.innerHTML = text;
		}
	}

	// and size the overall container
	mediaSlipContainer.style.visibility = "hidden"; 
	mediaSlipContainer.style.display = 'block';	// need to make it block so we can get the correct height calculation
	if (mediaSlipText) {
		height += mediaSlipText.offsetHeight;
	}
	

	mediaSlipContainer.style.width = width+20+'px';	
	mediaSlipContainer.style.height = height+20+'px';

	var currentWidth = window.innerWidth ? window.innerWidth : (document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth);
	var currentHeight = window.innerHeight ? window.innerHeight : (document.documentElement ? document.documentElement.clientHeight : document.body.clientHeight);
	var verticalPosition = window.scrollY ? window.scrollY : document.documentElement.scrollTop;

	mediaSlipContainer.style.left = (currentWidth/2)-((width+10)/2)+'px';
	mediaSlipContainer.style.top = (currentHeight/2)-((height+15)/2)+verticalPosition+'px';
	mediaSlipContainer.style.visibility = "visible"; 

	

	setTimeout(function() {mediaSlip.innerHTML = data}, 100);
}

function hideMediaSlip() {
	var mediaSlip = document.getElementById('mediaSlip');
	var mediaSlipContainer = document.getElementById('mediaSlipContainer');
	var mediaObj = document.getElementById('mediaObj');
	if(mediaObj && mediaObj.Stop) {
		mediaObj.Stop();
	}
	mediaSlip.innerHTML = '';
	mediaSlipContainer.style.display = 'none';
}