var cMov5 = '';
var cPathA = new Array();

function displayHTML5PLayer(id,path,w,h) {
    cPathA[id] = path;
    var isEnabled = true;
    var html5vidElem = document.createElement('video');
    html5vidElemBool = !!html5vidElem.canPlayType;
    if (sUsedBrowserName == "IPHONE" || sUsedBrowserName == "IPAD" || sUsedBrowserName == "FIREFOX") {
	isEnabled = false;
    }
    if (html5vidElemBool && isEnabled) {
	var pHTML = '<video id="qtmov' + id + '" width="' + w + '" height="' + h + '" controls>';
	pHTML = pHTML + '<source src="' + path + '">';
	pHTML = pHTML + '</video>';
	document.write(pHTML);
    } else {
	QT_WriteOBJECT(path , w, h, '', 'AUTOPLAY', 'True', 'ENABLEJAVASCRIPT','True', 'emb#NAME' , 'qtmov' + id , 'obj#id' , 'qtmov' + id);
    }
}

function startQTMov5(mov) {
	if (cPathA[mov] != "" && (sUsedBrowserName == "IPHONE" || sUsedBrowserName == "IPAD")) {
	    document.location.href = cPathA[mov];
	} else {	
	    if (cMov5 != "") {
		    endQTMov5();
	    }
	    cMov5 = mov;
	    if (document.getElementById("qtplayer_" + cMov5)) {
		    setTimeout("document.getElementById(\"qtplayer_" + cMov5 + "\").style.display = 'block';",300);
	    }
	    if (document.getElementById("qtmov" + cMov5)) {
		    setTimeout("document.getElementById(\"qtmov" + cMov5 + "\").play();",350);
	    }
	    displayBGL5();
	}
}

function endQTMov5() {
	if (document.getElementById("qtmov" + cMov5)) {
		setTimeout("document.getElementById(\"qtmov" + cMov5 + "\").pause();",150);
	}
	
	if (document.getElementById("qtplayer_" + cMov5)) {
		setTimeout("document.getElementById(\"qtplayer_" + cMov5 + "\").style.display = 'none';",200);
	}
	
	cMov5 = '';
	hideBGL5();
}
	
function adjustMov5() {
	if (document.getElementById("qtplayer_" + cMov5)) {
		document.getElementById("qtplayer_" + cMov5).style.left = (document.body.scrollWidth / 2) - (Math.round(document.getElementById("qtmov" + cMov5).width/2)-20) + "px";
		document.getElementById("qtplayer_" + cMov5).style.top = window.pageYOffset+Math.round(window.innerHeight/2) - (Math.round(document.getElementById("qtmov" + cMov5).height/2)+25) + "px";
	}
	if (document.getElementById("bgl")) {
		document.getElementById("bgl").style.height = document.body.scrollHeight + "px";
	}
}

function handleKeys5(evt) {
	var keyCode = 
	    document.layers ? evt.which :
	    document.all ? event.keyCode :
	    document.getElementById ? evt.keyCode : 0;
	
	if (keyCode == 27) {
		if (document.getElementById("qtplayer_" + cMov5).style.display == 'block') {
			endQTMov5();
		}
	}
}

function displayBGL5() {
	if (document.getElementById("bgl")) {
		document.getElementById("bgl").style.display = 'block';
		adjustMov5();
		for (i=1;i<8;i++) {
			setTimeout("document.getElementById(\"bgl\").style.opacity = '0." + i + "'",i*50);
		}
	}				
}

function hideBGL5() {
	if (document.getElementById("bgl")) {
		var a = 0;
		for (i=7;i>0;i--) {
			a = 8-i;
			setTimeout("document.getElementById(\"bgl\").style.opacity = '0." + i + "'",a*50);
		}
		setTimeout("document.getElementById(\"bgl\").style.display = 'none';",a*50);
	}
}
if (window.Event) {
	window.captureEvents(Event.RESIZE);
	window.onresize = adjustMov5;
	
	window.captureEvents(Event.SCROLL);
	window.onscroll = adjustMov5;
	
	window.captureEvents(Event.KEYPRESS);
	window.onkeypress = handleKeys5;
}



/*
 <div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video class="video-js" width="640" height="264" controls preload poster="http://video-js.zencoder.com/oceans-clip.png">
      <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' />
      <object class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash"
        data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' />
      </object>
    </video>
  </div>
*/