<!--
	
	var preloaded = new Array(2);
	
	function load_images(imagearray)
	{
		for( i=0; i<imagearray.length; i++ )
		{
			preloaded[i] = new Image()
			preloaded[i].src = imagearray[i]
		}
	}
	
	var images = new Array(4);
	
	images[0] = '/zpimages/mpaudio.jpg';
	images[1] = '/zpimages/mpvideo.jpg';
	images[2] = '/zpimages/mpaudio_loading.gif';
	images[3] = '/zpimages/mpvideo_loading.gif';
	images[4] = '/zpimages/mp_thankyou';

	load_images(images);
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var iWidth;
	var iHeight;
	var iBorderWidth;
	var sBorderColour = '#000000';
	var iStep = 30;
	var bClosed = true;
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var iVisible = false;
	var iTop = 0;
	var iTraveled = 0;
	var cntClip = null;
	var cntMedia = null;
	var cntWrapper = null;
	var cntBanner = null;
	var cntLoading = null;
	var sPlayer = '';
	var sCurrentMedia = '';
	var sNextMedia = '';
	var sNextMediaId = '';
	var running = false;
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var o = 100;
	var cf = 'clip';
	var ct = 'banner';
	var cp = 'mp';
	var ccf = null;
	var cct = null;
	var ccp = null;
	var fa = 5;
	var play = true;
	var volume = 0;
	var firsttime = true;
	var background = '';
	var bSlideUp = false;
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	function Media(voa, media_id)
	{
		if(running)
			return;
		running = true;
		if(iVisible === false)
		{
			if(firsttime)
			{
				document.getElementById('mediaplaceholder').innerHTML = '<div id="wrapper"><div id="media"><div id="banner"><img src="" border="0" name="progress" id="loading"></div><div id="clip"></div></div></div><div>';
				firsttime = false;
			}
			cntClip = document.getElementById('clip');
			cntMedia = document.getElementById('media');
			cntWrapper = document.getElementById('wrapper');
			cntBanner = document.getElementById('banner');
			cntLoading = document.getElementById('loading');
			//cntLoading.style.display = 'block';
			sCurrentMedia = voa;
			if(voa == 'video')
			{
				iWidth = 520;
				iHeight = 367;
				iBorderWidth = 0;
				background = images[1];
				cntBanner.style.background = 'url(' + background + ')';
				xxPost('/scripts/mediav.php', 'id=' + media_id + '&type=' + voa, 'text/html');
				cntBanner.style.paddingTop = '200px';
				document.progress.src = '/zpimages/mpvideo_loading.gif';
			}
			else
			{
				iWidth = 520;
				iHeight = 160;
				iBorderWidth = 0;
				background = images[0];
				cntBanner.style.background = 'url(' + background + ')';
				xxPost('/scripts/mediaa.php', 'id=' + media_id + '&type=' + voa, 'text/html');
				cntBanner.style.paddingTop = '120px';
				document.progress.src = '/zpimages/mpaudio_loading.gif';
			}
			cntBanner.style.height = iHeight;
			iTop = iHeight * -1;
			cntWrapper.style.border = iBorderWidth + 'px solid ' + sBorderColour;
			cntWrapper.style.width = (iWidth + (iBorderWidth * 2)) + 'px';
			cntWrapper.style.display = 'block';
			Slide();
		}
		else
		{
			document.progress.src = '/zpimages/mp_thankyou.gif';
			//cntLoading.style.display = 'none';
			bSlideUp = true;
			//cntBanner.style.background = 'url(' + background + ')';
			sNextMedia = '';
			sNextMediaId = '';
			if(sCurrentMedia != voa)
			{
				sNextMedia = voa;
				sNextMediaId = media_id;
			}
			//sPlayer = '';
			//cntClip.innerHTML = '<img src="/zpimages/player.jpg" />';
			setTimeout('SetOutput2()', 100);
			//f(f);
		}
	}
	var iCount = 0, x = 0;
	function Slide()
	{
		if(iVisible === false)
		{
			iTop += iStep;
			iTraveled += iStep;
			if(iTop > 0)
			{
				iTop = 0;
				iTraveled = iHeight;
			}
			cntClip.style.top = iTop + 'px';
			cntBanner.style.top = iTop + 'px';
			//cntWrapper.style.filter = 'alpha(opacity=' + Math.round((100 / iHeight) * iTraveled) + ')';
			cntWrapper.style.height = (iTraveled + (iBorderWidth * 2)) + 'px';
			//alert('iTraveled: ' + iTraveled + '[' + cntClip.style.top + ']');
			if(iTraveled >= iHeight)
			{
				iVisible = true;
				//cntClip.innerHTML = sPlayer;
				setTimeout('SetOutput()', 2500);
				//setTimeout('f(f)', 1000);
			}
			else
			{
				setTimeout('Slide()', 0);
			}
		}
		else
		{
			iTop -= iStep;
			iTraveled -= iStep;
			if(iTop < (iHeight * -1))
			{
				iTop = iHeight * -1;
				iTraveled = 0;
			}
			cntClip.style.top = iTop + 'px';
			cntBanner.style.top = iTop + 'px';
			//cntWrapper.style.filter = 'alpha(opacity=' + Math.round((100 / iHeight) * iTraveled) + ')';
			cntWrapper.style.height = (iTraveled + (iBorderWidth * 2)) + 'px';
			//alert('iTraveled: ' + iTraveled + '[' + cntClip.style.top + ']');
			if(iTraveled <= 0)
			{
				iVisible = false;
				cntWrapper.style.display = 'none';
				//alert(iTop + ' = ' + iHeight);
				if(sNextMedia && sNextMediaId)
					Media(sNextMedia, sNextMediaId);
			}
			else
			{
				cntClip.innerHTML = '';
				setTimeout('Slide()', 0);
			}
		}
	}
	
	function SetOutput()
	{
		cntClip.innerHTML = sPlayer;
		f(f);
		// alert(sPlayer);
		//alert(document.getElementById('abc').innerHTML);
	}
	
	function SetOutput2()
	{
		f(f);
	}

	function f(f)
	{
		t = cf;
		cf = ct;
		ct = t;
		//alert(cf + '|' + ct);
		o = 100;
		ccf = document.getElementById(cf);
		cct = document.getElementById(ct);
		ccp = document.getElementById(cp);
		//if(play != true) cntClip.innerHTML = '';//ccp.sendEvent('PLAY', false);
		fade();
	}
	function fade()
	{
		cct.style.display = 'block';
		ccf.style.filter = 'alpha(opacity=' + o + ')';
		cct.style.filter = 'alpha(opacity=' + (100 - o) + ')';
		ccf.style.opacity = o/100;
		cct.style.opacity = (100 - o)/100;
		//(play == true ? ccp.sendEvent('VOLUME', (100 - o)/2) : ccp.sendEvent('VOLUME', o/2));
		o -= fa;
		if(o >= 0) setTimeout("fade()", 0);
		else
		{
			////(play == true ? ccp.sendEvent('PLAY', true) : ccp.sendEvent('PLAY', false));
			//if(play == true)
			//	ccp.sendEvent('PLAY', true);
			ccf.style.display = 'none';
			play = (play == true ? false : true);
			running = false;
			if(bSlideUp)
			{
				setTimeout('Slide()', 1000);
				bSlideUp = false;
			}
		}
	}
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	var http_request = false;
	
	function xxPost(url, parameters, mime_type)
	{
		http_request = false;
		if(window.XMLHttpRequest)
		{
			// Mozilla, Safari,...
			http_request = new XMLHttpRequest();
			if(http_request.overrideMimeType)
				http_request.overrideMimeType(mime_type);
		}
		else if(window.ActiveXObject)
		{
			// IE
			try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch(e) {
				try {
					http_request = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch(e) {
				}
			}
		}
		if(!http_request)
		{
			alert('Cannot create XMLHTTP instance');
			return false;
		}
		http_request.onreadystatechange = xxOutput;
		http_request.open('POST', url, true);
		http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		http_request.setRequestHeader("Content-length", parameters.length);
		http_request.setRequestHeader("Connection", "close");
		http_request.send(parameters);
	}
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	function xxOutput()
	{
		if(http_request.readyState == 4)
		{
			if(http_request.status == 200)
			{
				//document.getElementById('player').innerHTML = http_request.responseText;
				sPlayer = http_request.responseText;
				//alert(http_request.responseText);
				// cntClip.innerHTML = http_request.responseText;
				// document.getElementById('progress').style.display = 'none';
				// document.getElementById('content').style.display = 'block';
				// alert(http_request.responseText);
			}
			else
				alert('There was a problem with the request.');
		}
	}
	
	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
-->