// JavaScript Document
$(document).ready(function() 
{	 
	var index = 0;
	var images = $("#feature .panel");
	var thumbs = $("#slidetabs img");
	var imgHeight = $(thumbs).attr("height");
	$(thumbs).slice(0,3).clone().appendTo("#slidetabs");
	for (i=0; i<thumbs.length; i++)
	{
		$(thumbs[i]).addClass("thumb-"+i);
		$(images[i]).addClass("image-"+i);
	}
	
  // $("#next").click(sift);
  $('#slidetabs img').click(sift);
	show(index);
	setInterval(sift, 8000);
	
	function sift()
	{
		if (index<(thumbs.length-1)){index+=1 ; }
		else {index=0}
		show (index);
		return false;
	}
	
	function show(num)
	{
		$(images).fadeOut(400);
		$(".image-"+num).stop().fadeIn(400);
		var scrollPos = (num+1)*imgHeight;
		$("#slidetabs").stop().animate({scrollTop: scrollPos}, 400);		
		//console.log(scrollPos, "img.image-"+num);
	}
	
	
	//Video Popup
	$("#play-video1").click(function(){
		//$("#video1").fadeIn('slow', function(){ $(this).css('display', 'block'); });
		$("#video1").fadeIn("slow");
	});
	
	$("#video1 .close").click(function(){
		//$("#video1").fadeOut('slow', function(){ $(this).css('display', 'none'); });
		$("#video1").fadeOut("fast");

	});
	
	$("#play-video2").click(function(){
		$("#video2").fadeIn("slow");
	});
	
	$("#video2 .close").click(function(){
		$("#video2").fadeOut("fast");
	});
	
	$("#play-video3").click(function(){
		$("#video3").fadeIn("slow");
	});
	
	$("#video3 .close").click(function(){
		$("#video3").fadeOut("fast");
	});
	
	$("#play-video4").click(function(){
		$("#video4").fadeIn("slow");
	});
	
	$("#video4 .close").click(function(){
		$("#video4").fadeOut("fast");
	});
	
});


// IE NAV
sfHover = function() {
	var sfEls = document.getElementById("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);