// define global function
document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};

// define variables
var defaultEpisode = 'ep1';
var defaultMovie = 'webgame_1.swf';
var ep1Movie = 'webgame_1.swf';
var ep2Movie = 'webgame_2.swf';
var ep3Movie = 'webgame_3.swf';
var ep4Movie = 'webgame_4.swf';
var ep5Movie = 'webgame_5.swf';
var ep6Movie = 'webgame_6.swf';
var ep7Movie = 'webgame_7.swf';
var ep8Movie = 'webgame_8.swf';

function initEpisodeDesc() {
	var eps = document.getElementsByClassName('ep');
	// hide all ep div
	for(i=0; i<eps.length; i++) {
		eps[i].style.display = 'none';
	}
	// show default ep
	document.getElementById(defaultEpisode).style.display = 'block';
	// play default movie
	changeMovie(defaultMovie);
}

function init() {
	initEpisodeDesc();
}

window.onload = init;

function showEpisodeDesc(id) {
	if (document.getElementById(id)) { // exist ?
		var eps = document.getElementsByClassName('ep');
		// hide all ep div
		for(i=0; i<eps.length; i++) {
			eps[i].style.display = 'none';
		}
		// show target ep
		document.getElementById(id).style.display = 'block';
	}
}
function showEpisodeDescMovie(id,movie) {
	showEpisodeDesc(id);
	changeMovie(movie);
}

function changeMovie(mov) {
	document.getElementById('movie').innerHTML = "<embed src=\"flash/" + mov + "\" width=\"460\" height=\"400\" wmode=\"transparent\"></embed>";
}