/* Jesse Ruderman
* July 18, 2004
*
* Remaining problems:
*   IE sometimes crashes on exit after using the this script.
*   In IE, it is a little ugly because IE doesn't support border-radius.
*   In IE, it does not work at standalone Flash URLs.
*/

function setupSeekBar() {

	setTimeout(initFlashControls, 100);

	function initFlashControls() {
		var count = 0;

		function tt(elem) {
			if (typeof elem.TotalFrames != "undefined") /* do not coerce elem.StopPlay to bool, because that breaks IE */ {
				addFlashControls(elem);
				++count;
			}
		}

		var i, x;

		for (i = 0; x = document.getElementsByTagName("object")[i]; ++i) {
			tt(x);
		}

		for (i = 0; x = document.getElementsByTagName("embed")[i]; ++i) {
			tt(x);
		}

	}


	function addFlashControls(flash) {

		var controlsDiv = document.createElement("div");
		controlsDiv.className = 'movieSeek';

		/* Put the controls under the Flash.
		*
		* If the Flash is an <embed> in an <object>, we do not want to touch the <object>, because that would make
		* Mozilla re-test whether the <object> is broken and reset the <embed>.  So in that case, we put the controls
		* under the <object>.
		*/
		var where = flash;
		while (where.parentNode.tagName.toLowerCase() == "object")
		where = where.parentNode;
		where.parentNode.insertBefore(controlsDiv, where.nextSibling);

		/* Construct controls using DOM2 instead of innerHTML.
		* In Mozilla, innerHTML= is like innerText= at standalone flash URLs.
		*/
		var table = document.createElement("table");
		table.className = 'movieSeek';
		controlsDiv.appendChild(table);

		var row = table.insertRow(-1);

		var pauseButton = new Image();
		pauseButton.src = '/img/movieseek/btn-pause_off.gif';
		var buttonCell = row.insertCell(-1);
		buttonCell.appendChild(pauseButton);
		buttonCell.className = 'ctrl';
		buttonCell.width = "38";

		var slider = row.insertCell(-1);
		slider.className = 'seekBar';
		slider.width = "100%";

		var visibleSlider = document.createElement("div");
		visibleSlider.id = "movieSeek-bar";
		slider.appendChild(visibleSlider);

		var loadedPortion = document.createElement("div");
		loadedPortion.id = "movieSeek-loaded";
		loadedPortion.style.width = "0%";
		visibleSlider.appendChild(loadedPortion);

		var viewedPortion = document.createElement("div");
		viewedPortion.id = "movieSeek-viewed";
		viewedPortion.style.width = "0px";
		visibleSlider.appendChild(viewedPortion);

		var thumb = document.createElement("div");
		thumb.id = "movieSeek-thumb";
		thumb.style.width = "5px";
		visibleSlider.appendChild(thumb);


		var sliderWidth;
		var paused = false;
		var dragging = false;

		table.width = Math.max(parseInt(flash.width) || 0, 400);

		addEvent(pauseButton, "click", pauseUnpause);
		addEvent(pauseButton, "mouseover", overButton);
		addEvent(pauseButton, "mouseout", outButton);
		addEvent(slider, "mousedown", drag);
		addEvent(slider, "drag", function() { return false; }); /* For IE */
		window.setInterval(update, 30);

		function overButton() {
			pauseButton.src = pauseButton.src.replace(/_off/,"_on");
		}
		function outButton() {
			pauseButton.src = pauseButton.src.replace(/_on/,"_off");
		}
		function pauseUnpause() {
			paused = !paused;

			if (paused) {
				flash.StopPlay();
				pauseButton.src = '/img/movieseek/btn-play_on.gif';
			}
			else {
				flash.Play();
				pauseButton.src = '/img/movieseek/btn-pause_on.gif';
			}
		}

		function update() {
			// update load progress
			var loadProg = parseInt(flash.PercentLoaded());
			loadedPortion.style.width = loadProg + "%";
document.getElementById('load').value = loadProg;
			// update thumb position with viewed portion
			sliderWidth = parseInt(getWidth(slider) - getWidth(thumb));
			if (!paused && !dragging) {
				var theWidth = parseInt(flash.CurrentFrame() / totalFrames() * sliderWidth) + "px";
document.getElementById('viewed').value = flash.CurrentFrame() + ', ' + totalFrames();
				thumb.style.left = theWidth;
				viewedPortion.style.width = theWidth;
			}
		}

		function dragMousemove(e) {
			var pageX = e.clientX + document.body.scrollLeft; /* cross-browser, unlike e.pageX, which IE does not support */
			var pos = bounds(0, pageX - getX(slider) - 5, sliderWidth);
			var frame = bounds(1, Math.ceil(totalFrames() * pos / sliderWidth), totalFrames() - 2);

			thumb.style.left = pos + "px";

			flash.GotoFrame(frame);
		}

		function release(e) {
			removeEvent(document, "mousemove", dragMousemove);
			removeEvent(document, "mouseup", release);
			if (!paused) flash.Play();
			dragging = false;
		}

		function drag(e) {
			addEvent(document, "mousemove", dragMousemove);
			addEvent(document, "mouseup", release);
			dragging = true;
			dragMousemove(e);
		}



		/* Boring functions, some of which only exist to hide differences between IE and Mozilla. */

		function bounds(min, val, max) {
			return Math.min(Math.max(min, val), max);
		}

		function totalFrames() {
			/* This is weird.  TotalFrames differs between IE and Mozilla.  CurrentFrame does not. */

			if (typeof flash.TotalFrames == "number") {
				return flash.TotalFrames; /* IE */
			}
			else if (typeof flash.TotalFrames == "function") {
				return flash.TotalFrames(); /* Mozilla */
			}
			else {
				return 1; /* Partially loaded Flash in IE? */
			}
		}

		function getWidth(elem) {
			if (document.defaultView && document.defaultView.getComputedStyle) {
				return parseFloat(document.defaultView.getComputedStyle(elem,null).getPropertyValue("width")); /* Mozilla */
			}
			else {
				return parseFloat(elem.offsetWidth); /* IE (currentStyle.width can be "auto" or "100%") */
			}
		}

		function getX(elem) {
			if (!elem) return 0;
			return (elem.offsetLeft) + getX(elem.offsetParent);
		}

		function addEvent(elem, eventName, fun) {
			if (elem.addEventListener) {
				/* Mozilla */
				elem.addEventListener(eventName, fun, false);
			}
			else {
				/* IE */
				elem.attachEvent("on" + eventName, fun);
			}
		}

		function removeEvent(elem, eventName, fun) {
			if (elem.addEventListener) {
				elem.removeEventListener(eventName, fun, false);
			}
			else {
				elem.detachEvent("on" + eventName, fun);
			}
		}

	}

}