

function create_player(){
	/* we only do any scripting if the browser actually supports video */
	if (!!document.createElement('video').play) {

		window.addEventListener('load',function() {
			var video=document.getElementById('player');
			
			//make slideshow visible - initially it's hidden until page is loaded and ready
			document.getElementById('slideshow').style.opacity = 1;

			/* when video actually starts playback, update the play/pause button */
			video.addEventListener('play',function(e) {
				document.getElementById('playpause').innerHTML='<img src="images/pause.png" width="15" height="15" alt="pause">';
			}, true);

			/* when video actually pauses, update the play/pause button */	
			video.addEventListener('pause',function(e) {
				document.getElementById('playpause').innerHTML='<img src="images/play.png" width="15" height="15" alt="play">';
			}, true);

			/* when video reaches the end, update the play/pause button */		
			video.addEventListener('ended',function(e) {
				document.getElementById('playpause').innerHTML='<img src="images/play.png" width="15" height="15" alt="play">';
				$("#player").fadeTo("slow",0);
			}, true);

			/* determine what to do if the play/pause button has been clicked */
			document.getElementById('playpause').addEventListener('click',function() {
				
				if (document.getElementById('player').paused) {
					/* if video is currently paused, play it */
					document.getElementById('player').play();
					//document.getElementById('slideshow').style.zIndex = -3;
					$("#player").fadeTo("slow",1);
				} else {
					/* video isn't paused... */
					if (document.getElementById('player').ended) {
						/* if we're at the end, reset currentTime and play */
						document.getElementById('player').currentTime=0;
						document.getElementById('playpause').innerHTML='<img src="images/pause.png" width="15" height="15" alt="pause">';
						document.getElementById('player').play();
						$("#player").fadeTo("slow",1);
					} else {
						/* otherwise, just pause */
						document.getElementById('player').pause();
						//document.getElementById('slideshow').style.zIndex = -1;
						$("#player").fadeTo("slow",0);
					}
				}
			}, true);
			
			/* determine what to do if the mute/unmute button has been clicked */
			
			document.getElementById('volume').addEventListener('click',function() {
				if (document.getElementById('player').muted==false) {
					/* if the volume is set to zero, we explicitly set the muted attribute on the video */
					document.getElementById('player').muted = true;
					document.getElementById('volume').innerHTML='<img src="images/audio-mute.png" width="15" height="15" alt="unmute">';
				} else {
					/* if the audio was muted, we unmute it automatically on volume change */
					document.getElementById('player').muted = false;
					document.getElementById('volume').innerHTML='<img src="images/audio.png" width="15" height="15" alt="mute">';
				}
				return false;
			}, true);
			
			if(checkSetVideoCookie()){
				video.play();
			}
			else{
				$("#player").fadeTo("slow",0);
			}
			
		}, true);
	
	}	
}

function checkSetVideoCookie(){
	if(!getCookie("videoplayed")){
		setCookie("videoplayed","true",1);
		//return a text version of true to fill flash parameters
		return 'true';
	}
	else{
		return false;
	}
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
  return 0;
}
