$(document).ready(function(){
	var counter = 0;

	
	$("#video-slideshow").prepend("<div id='videos'></div>");
	
	var thumbnailContainer = $("#video-slideshow .thumbnail-container");
	
	for(i=0; i<thumbnailContainer.length; i++){
		$("#videos").append("<div class='video-container' id='container-" + i + "'></div>");
		
		$(thumbnailContainer[i]).children(".feature-video").appendTo("#videos #container-" + i);
		$(thumbnailContainer[i]).children(".video-description").appendTo("#videos #container-" + i);
	}
	
	var videoContainer = $("#video-slideshow .video-container");
	
	for(k=0; k<videoContainer.length; k++){
		$(videoContainer[k]).hide();
	}
	
	var thumbnails = $("#video-slideshow .thumbnail-container a");
	for(j=0; j<thumbnails.length; j++){
		thumbnails[j].number = j;
		
		$(thumbnails[j]).click(function(){
			counter = this.number
			showAndHide();
			return false;
		});
	}
	
	function showAndHide(){
		$("#video-slideshow #video-controls .current").removeClass("current");
		$(thumbnails[counter]).parent().parent().addClass("current");
		$("#video-slideshow #videos .current").removeClass("current").hide();
		$(videoContainer[counter]).show().addClass("current");
		$(thumbnailContainer).show();
	}
	
	showAndHide();
	
	//Only show 4 video thumbnails
	var thumbnailContainer = $("#video-slideshow .thumbnail-container");
		for (a=0; a<=thumbnailContainer.length; a++){
			if(a >= 4){
				$(thumbnailContainer[a]).remove();
			}
		}
		
 });
 
 
 
 
 
 
$(function () {
    
    sfHover = function() {
var sfEls = document.getElementById("main-nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover); 
   
});