var mediaImages = new Array();
var mediaImageIndex = 0;
var mediaVideos = new Array();
var mediaVideoIndex = 0;
var innerHTML = '';

function initMediaElements()
{
	for(i = 0; document.getElementById('mediaImage' + i); i++)
	{
		registerImage(document.getElementById('mediaImage' + i).value);
	}
	for(i = 0; document.getElementById('mediaVideo' + i); i++)
	{
		registerVideo(document.getElementById('mediaVideo' + i).value);
	}				
}

function registerImage(src)
{
	mediaImages[mediaImages.length] = src;
}

function registerVideo(src)
{
	mediaVideos[mediaVideos.length] = src;
}

function activateLightBoxShade()
{
	document.getElementById('LightBoxShade').id='LightBoxShadeActive';
}

function deactivateLightBoxShade()
{
	document.getElementById('LightBoxShadeActive').id='LightBoxShade';
}

function activateMediaBox(startIndex, isImage)
{	
	innerHTML = document.body.innerHTML;
	document.body.innerHTML = '<div class="bodyHolder">' + innerHTML + '</div>';	
	try { IE6removeBodyContents(); } catch(e) {}		
	
	activateLightBoxShade();	
	document.getElementById('MediaBox').id='MediaBoxActive';		
	if(isImage)
	{
		showImage(startIndex);
		document.getElementById('MediaBoxMediaControls').innerHTML = '<table width="100%"><tr><td align="left"><img src="images/left.png" alt="previous image" onClick="mediaBoxPreviousImage();" /></td><td align="right"><img src="images/right.png" alt="next image" onClick="mediaBoxNextImage();" /></td></tr></table>';
	}
	else
	{
		showVideo(startIndex);
		document.getElementById('MediaBoxMediaControls').innerHTML = '<table width="100%"><tr><td align="left"><img src="images/left.png" alt="previous video" onClick="mediaBoxPreviousVideo();" /></td><td align="right"><img src="images/right.png" alt="next video" onClick="mediaBoxNextVideo();" /></td></tr></table>';		
	}	
	try { convertPNG(); } catch(e) {}	
}

function showImage(startIndex)
{
	var arrVal = mediaImages[startIndex].split("#");	
	var imagePath = arrVal[0];	
	if(imagePath == null)
	{
		imagePath = mediaImages[startIndex];
	}
	var title = arrVal[1];
	if(title == null)
	{
		title = 'Image ' + (startIndex + 1);	
	}
	var description = arrVal[2];		
	if(description == null)
	{
		description = "";	
	}
	document.getElementById('MediaBoxMediaHolder').innerHTML = '<img src="'+mediaImages[startIndex]+'" alt="'+title+'" /><div style="width:320px; text-align:left;">' + description + '</div>';
	document.getElementById('mediaTitle').innerHTML = title;
	mediaImageIndex = startIndex;
}

function mediaBoxPreviousImage()
{
	var prev = 0;
	if(mediaImageIndex == 0)
	{
		prev = mediaImages.length-1;
	}
	else
	{
		prev = mediaImageIndex-1;
	}
	showImage(prev);
}

function mediaBoxNextImage()
{
	var nxt = 0;
	if(mediaImageIndex == (mediaImages.length-1))
	{
		nxt = 0;
	}
	else
	{
		nxt = mediaImageIndex+1;
	}
	showImage(nxt);	
}

function showVideo(startIndex)
{																
	var arrVal = mediaVideos[startIndex].split("#");	
	var videoPath = arrVal[0];	
	var title = arrVal[1];
	var description = arrVal[2];
	document.getElementById('MediaBoxMediaHolder').innerHTML = '<div id="ufoVideo">The video will display shortly, please wait...</div><div style="width:320px; text-align:left;">' + description + '</div>';
	var contents = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="400" HEIGHT="266" id="Coastline">';
	contents += '<PARAM NAME=movie VALUE="videoPlayer.swf">';
	contents += '<PARAM NAME=quality VALUE=high>';
	contents += '<PARAM NAME=bgcolor VALUE=#FFFFFF>';
	contents += '<PARAM NAME=flashvars VALUE=videoURL='+videoPath+'&title=' + escape(title) + '>';
	contents += '<EMBED src="videoPlayer.swf" quality=high bgcolor=#FFFFFF WIDTH="400" HEIGHT="266" FLASHVARS="videoURL='+videoPath+'&title=' + escape(title) + '" NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>';
	contents += '</OBJECT>';
	document.getElementById('ufoVideo').innerHTML = contents;	
	document.getElementById('mediaTitle').innerHTML = title;
	mediaVideoIndex = startIndex;
}

function mediaBoxPreviousVideo()
{
	var prev = 0;
	if(mediaVideoIndex == 0)
	{
		prev = mediaVideos.length-1;
	}
	else
	{
		prev = mediaVideoIndex-1;
	}
	showVideo(prev);
}

function mediaBoxNextVideo()
{
	var nxt = 0;
	if(mediaVideoIndex == (mediaVideos.length-1))
	{
		nxt = 0;
	}
	else
	{
		nxt = mediaVideoIndex+1;
	}
	showVideo(nxt);	
}

function deactivateMediaBox()
{
	deactivateLightBoxShade();
	document.getElementById('MediaBoxMediaHolder').innerHTML = '';
	document.getElementById('mediaTitle').innerHTML = '';
	document.getElementById('MediaBoxMediaControls').innerHTML = '';
	document.getElementById('MediaBoxActive').id='MediaBox';
	document.body.innerHTML = innerHTML;
}