function closeMediaPlayer() {
	if (detectMacFF()) document.getElementById('container').style.visibility = 'visible';
	var mediaContainerElement = document.getElementById('mediaContainer');
	mediaContainerElement.innerHTML = '';
	document.getElementById('mediaPlayer').style.display = 'none';
	document.getElementById('container').style.visibility = 'visible';
}

function viewPicture(images, imageNum) {
//	if (detectMacFF()) document.getElementById('container').style.visibility = 'hidden';
	var mediaContainerElement = document.getElementById('mediaContainer');

	mediaContainerElement.innerHTML = '<a href="javascript:closeMediaPlayer();"><img style="visibility: hidden" id="photo" src="'+images[imageNum]+'" alt="" /></a>';
	var photoElement = document.getElementById('photo');

	photoElement.onload = function() {
		this.style.top = -photoElement.height/2 - 20 + "px";
		this.style.left = -photoElement.width/2 - 20 + "px";
		this.style.visibility = 'visible';
	}

	var mediaPlayerElement = document.getElementById('mediaPlayer');
	
	if (imageNum < (images.length-1)) {
		var nextButton = document.createElement('div');
		nextButton.id = 'mediaPlayerNext';
		nextButton.innerHTML = '<a href="#"><span>seuraava &gt;&gt;</span></a>';
		nextButton.onclick = function (event) {
			viewPicture(images, imageNum+1);
			return false;
		}
		mediaContainerElement.appendChild(nextButton);
	}

	if (imageNum>0) {
		var previousButton = document.createElement('div');
		previousButton.id = 'mediaPlayerPrevious';
		previousButton.innerHTML = '<a href="#"><span>&lt;&lt; edellinen</span></a>';
		previousButton.onclick = function (event) {
			viewPicture(images, imageNum-1);
			return false;
		}
		mediaContainerElement.appendChild(previousButton);
	}

	document.getElementById('mediaPlayer').style.display = 'block';
}

function showVideo(video, width, height) {
	var videoWidth = 468;
	var videoHeight = 350;
	if (width != undefined) videoWidth = width;
	if (height != undefined) videoHeight = height;
	
	if (detectMacFF()) document.getElementById('container').style.visibility = 'hidden';
	document.getElementById('mediaContainer').innerHTML = '<div id="videoContainer"></div>';
	flashembed("videoContainer",
	{
		src:'FlowPlayerDark.swf',
			width: videoWidth,
			height: (videoHeight+28)
		},
		{config: {   
			videoFile: video,
			loop: false
		}}
	);
	document.getElementById('mediaContainer').style.visibility = 'visible';
	document.getElementById('videoContainer').style.left = String(-Math.round(videoWidth/2)) + 'px';
	document.getElementById('videoContainer').style.top = String(-Math.round(videoHeight/2)) + 'px';
	document.getElementById('mediaPlayer').style.display = 'block';
}