//Video detection functions by O’Reilly Media / Mark Pilgrim under the CC-BY-3.0 License

var vidFolder = 'my_video_short/';

var videoDivs = [];
var limit = 9;

var order = [];
var oC = -1;

var firstRun = true;

function write_video_html(offset) {
	vidNames = vidCats[offset];

	//order = [0,1,2,3,4,5,6,7,8];
	oC = -1;
	
	var i;
	for (i = 0; i < limit; i++) {
		videoDivs[i] = document.getElementById('video' + i);
		
		//Generate a random order
		var rand;
		var repeat = true;
		while (repeat) {
			rand = Math.floor(Math.random()*limit)
			order[i] = rand;
			repeat = false;
			var j;
			for (j = 0; j < i; j++) {
				if (order[i] == order[j])
					repeat = true;
			}
		}
	}

	for (i = 0; i < limit; i++) {
		var div = videoDivs[order[i]];
		div.innerHTML = jpg_HTML(vidNames[i]); //took out + offset
		div.trueInd = i;
		
		var j;
		for (j = 0; j < limit; j++) {
			if (order[j] == i) {
				div.ind = j;
				break;
			}
		}
	}
	
	video_html_ended();
	
	if (firstRun) { //highlight menu on load
		firstRun = false;
		MM_swapImage2('Image3','','images/left_menu_friend_ro.png',1,1); 
		aa = ['Image3','','images/left_menu_friend_ro.png',1,1];
		activeButton = 1;
	}
}

function supports_h264_video() {
	if (!supports_video())
		return false;
		
	var v = document.createElement("video");
	return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

function supports_video() {
	return !!document.createElement('video').canPlayType;
}

function jpg_HTML(name) {
	return '<img class="jpgStyle" width="224" height="144" src="' + vidFolder + (name.substring(0, name.indexOf(".")) + ".jpg") + '" onclick="video_clicked(this)" onmouseover="video_rollover(this)" onmouseout="video_rollout(this)" />';
}

function jpg_HTML_overlay(name) {
	return '<img class="jpgOverlay" width="224" height="144" src="' + vidFolder + (name.substring(0, name.indexOf(".")) + ".jpg") + '" />';
}

function video_HTML(name) {
	var str;
	if (flash) {
		if (navigator.appName.indexOf("Microsoft Internet")!=-1)
		  {
			str = '<object width="224" height="144" id="currentMovie" type="application/x-shockwave-flash"><param name="wmode" value="transparent"><param name="movie" value="videoPlayer.swf?src=' + vidFolder + name + '"><embed name="currentMovie" src="videoPlayer.swf?src=' + vidFolder + name + '" wmode="transparent" width="224" height="144"></embed></object>';
		  } else {
			str = '<object width="224" height="144" id="currentMovie"><param name="wmode" value="transparent"><param name="movie" value="videoPlayer.swf?src=' + vidFolder + name + '"><embed name="currentMovie" src="videoPlayer.swf?src=' + vidFolder + name + '" wmode="transparent" width="224" height="144"></embed></object>';
		  }
	} else {
		str = '<video src="' + vidFolder + name + '" width="224" height="144" onended="video_html_ended()"></video>';
	}
	str += jpg_HTML_overlay(name);
	return str;
}

function stopCurrentVideo() {
	var stopVid = videoDivs[order[oC]];
	stopVid.innerHTML = jpg_HTML(vidNames[stopVid.trueInd]);
}

function video_clicked(vid) {
	stopCurrentVideo();
	
	var playVid = vid.parentNode;
	playVid.innerHTML = video_HTML(vidNames[playVid.trueInd]);
	if (!flash) {
		playVid.childNodes[0].play();
	}
	oC = playVid.trueInd;
	
	//Switch the play/pause buttons
	document.getElementById('play').style.display = "none";
	document.getElementById('pause').style.display = "inline";
	
	//preload_next();
}

function video_html_ended() {
	if (oC != -1) {
		var stopVid = videoDivs[order[oC]];
		stopVid.innerHTML = jpg_HTML(vidNames[stopVid.trueInd]);
	}

	oC++;
	if (oC == limit) {
		if (activeButton-1 < 6) {
			cc(activeButton);
		}
		return;
	}
		
	var playVid = videoDivs[order[oC]];
	playVid.innerHTML = video_HTML(vidNames[playVid.trueInd]);
	if (!flash) {
		playVid.childNodes[0].play();
	}
}

function preload_next() {
	var tOC = oC + 1;
	if (tOC == limit)
		tOC = 0;
		
	var playVid = videoDivs[order[tOC]];
	playVid.innerHTML = video_HTML(vidNames[playVid.trueInd]);
	playVid.childNodes[0].style.visibility = 'hidden';
}

function video_rollover(vid) {
	vid.className = "jpgStyleO";
}

function video_rollout(vid) {
	vid.className = "jpgStyle";
}


function pause() {
	if (flash) {
		var flashMovie=getFlashMovieObject("currentMovie");
		flashMovie.sendToActionscript("pause");
	} else {
		videoDivs[order[oC]].childNodes[0].pause();
	}
	document.getElementById('play').style.display = "inline";
	document.getElementById('pause').style.display = "none";
}

function play() {
	if (flash) {
		var flashMovie=getFlashMovieObject("currentMovie");
		flashMovie.sendToActionscript("play");
	} else {
		videoDivs[order[oC]].childNodes[0].play();
	}
	document.getElementById('play').style.display = "none";
	document.getElementById('pause').style.display = "inline";
}

function getFlashMovieObject2(movieName) {
  var isIE = navigator.appName.indexOf("Microsoft") != -1;
  return (isIE) ? window[movieName] : document[movieName];
}

function getFlashMovieObject(movieName)
{
  if (window.document[movieName]) 
  {
      return window.document[movieName];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName]) {
        return document.embeds[movieName]; 
	} else {
		return document.embeds[0];
	}
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
    return document.getElementById(movieName);
  }
}

function getWidth()
{
        var x = 0;
        if (self.innerHeight)
        {
                x = self.innerWidth;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
        {
                x = document.documentElement.clientWidth;
        }
        else if (document.body)
        {
                x = document.body.clientWidth;
        }
        return x;
}