function changeVideo(index, id) {
	var newURL = "http://www.youtube.com/v/" + id + "&hl=en&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&autoplay=1&showinfo=0&iv_load_policy=3";
	var embed = document.getElementById("ytEmbed");;
	var isIE = (document.all != null);
	var oParent;
	var oEmbed;

	if (isIE) {
		embed.style.visibility = "hidden";
		oParent = embed.parentElement;
		oEmbed = oParent.appendChild(document.createElement('embed'));
		oEmbed.src = newURL;
		oEmbed.type = "application/x-shockwave-flash";
		oEmbed.allowscriptaccess = "always";
		oEmbed.allowfullscreen = "false";
		oEmbed.width = "533";
		oEmbed.height = "323";
		oEmbed.id = "ytEmbed";
		oParent.removeChild(embed);
	} else {
		embed.src = newURL;
	}
	
	if (index != null)
		updateCarousel(index);
}

var currentLI = null;
var currentCover = null;
function updateCarousel(index) {
	var carouselSlot;
	var elementId;
	var eCover;
	var eLI;

	carouselSlot = carouselDef[index];
	eLI = document.getElementById(carouselSlot.id + "LI");
	eCover = document.getElementById(carouselSlot.id + "Cover");
	
	eLI.style.backgroundColor = "#e8620a";
	eLI.style.border = "1px solid #e8620a";
	document.getElementById("vidlabel").innerHTML = carouselSlot.label;
	
	eCover.src = "images/ThumbnailCoverSelected.png";

	if (currentLI != null) {
		currentLI.style.backgroundColor = "#b9b9b9";
		currentLI.style.border = "1px solid #cccccc";
	}
	if (currentCover != null) 
		currentCover.src = "images/ThumbnailCover.png";
		
	currentLI = eLI;
	currentCover = eCover;
}

function insertCarouselItems(carouselDef) {

	for (i = 0; i < carouselDef.length; i++) {
		var id = carouselDef[i].id;
		var ytid = carouselDef[i].ytid;
		var label = carouselDef[i].label;
		var thumb = "http://i2.ytimg.com/vi/" + ytid + "/default.jpg";
		document.writeln("<li id='" + id + "LI' class='item'>");
		document.writeln("<div id='" + id + "' class='carousel-thumbnail' " +
		  "style='background-image: url(" + thumb + "); " +
		  "background-position: -19px -14px;' " +
		  "onclick=\"changeVideo(" + i + ", '" + ytid + "');\"" +
		  ">");
		document.writeln("<img id='" + id + "Cover' width='82' height='62' border='0' alt='nothing' " +
		  "src='images/ThumbnailCover.png'/><br/>");
		document.writeln("</div>");
		document.writeln("</li>");
	}
}