// JavaScript Document

var video_thumbnails = new Array(); // the thumbnails to roll over to
var video_thumbnail_currently_rotating_id = -1;
var video_thumbnail_rotation_counter = 0;
function change_thumbnail(video_id, thumbnail_id) {
	if (thumbnail_id > 3) {
		thumbnail_id = 0;
	}
	thumbnail = document.getElementById("video_" + video_id + "_thumbnail");
	thumbnail.src = video_thumbnails[video_id][thumbnail_id]
	next_id = thumbnail_id + 1;
	return next_id;
}

function change_thumbnail_if_safe(video_id, rotation_id, thumbnail_id) {
	if (video_thumbnail_currently_rotating_id == video_id && video_thumbnail_rotation_counter == rotation_id) {
		next_id = change_thumbnail(video_id, thumbnail_id);
		setTimeout("change_thumbnail_if_safe(" + video_id + ", " + rotation_id + ", " + next_id + ")", 600);
	}
}

function end_animation_on_thumbnail(id) {
	if (video_thumbnail_currently_rotating_id == id) {
		video_thumbnail_currently_rotating_id = -1;
	}
	change_thumbnail(id, 0)
}

var loaded_images = new Array();
function animate_thumbnail(id) {
	video_thumbnail_currently_rotating_id = id;
	// preload all images
	for (i = 0; i < video_thumbnails[id].length; i++) {
		src = video_thumbnails[id][i];
		if (loaded_images[src] == null) {
			img = new Image();
			img.src = src;
			loaded_images[src] = img;
		}
	}
	rotation_id = ++video_thumbnail_rotation_counter;
	change_thumbnail_if_safe(id, rotation_id, 1);
}

function bg_change_thumbnail(video_id, thumbnail_id) {
	if (thumbnail_id > 3) {
		thumbnail_id = 0;
	}
	thumbnail = document.getElementById("video_" + video_id + "_thumbnail");
	thumbnail.style.background = "url(" + video_thumbnails[video_id][thumbnail_id] + ")"
	next_id = thumbnail_id + 1;
	return next_id;
}

function bg_change_thumbnail_if_safe(video_id, rotation_id, thumbnail_id) {
	if (video_thumbnail_currently_rotating_id == video_id && video_thumbnail_rotation_counter == rotation_id) {
		next_id = bg_change_thumbnail(video_id, thumbnail_id);
		setTimeout("bg_change_thumbnail_if_safe(" + video_id + ", " + rotation_id + ", " + next_id + ")", 600);
	}
}

function bg_end_animation_on_thumbnail(id) {
	if (video_thumbnail_currently_rotating_id == id) {
		video_thumbnail_currently_rotating_id = -1;
	}
	bg_change_thumbnail(id, 0)
}

function bg_animate_thumbnail(id) {
	video_thumbnail_currently_rotating_id = id;
	for (i = 0; i < video_thumbnails[id].length; i++) {
		src = video_thumbnails[id][i];
		if (loaded_images[src] == null) {
			img = new Image();
			img.src = src;
			loaded_images[src] = img;
		}
	}
	rotation_id = ++video_thumbnail_rotation_counter;
	bg_change_thumbnail_if_safe(id, rotation_id, 1);
}