$(document).ready(function() {
	jQuery.easing.def = "easeInOutQuart";
	
	var slideNum = 0;
	var strip = $(".video .wrap");
	var total = ($(".video .wrap #text-4 .textwidget").children().length);
	
	for (i=0;i<=total -1;i++){
		$(".video .nav").append("<div id="+ i + " class='btn'></div>");
	}
	
	videoBtnChange();
	
	$(".video .slide:nth-child(1)").show();
	
	$(".video .nav .btn").click(function() {
		var btnID = $(this).attr("id") 
		$(strip).animate({ left: -btnID * 348, easing: "swing" }, 500);
		slideNum = -btnID;
		videoBtnChange()
	});
	
	$(".video .left").click(function() {
		if(slideNum != 0){
			slideNum += 1;
		} else {
			slideNum = -total + 1;
		}
		//$(strip).animate({ left: slideNum * 348, easing: "swing" }, 500);
		
		videoBtnChange();
		
		$(".video .slide:nth-child(" + (-slideNum + 1) + ")").show();
	});
	
	$(".video .right").click(function() {

		if(slideNum != -total + 1){
			slideNum -= 1;
		} else {
			slideNum = 0;
		}
		//$(strip).animate({ left: slideNum * 348, easing: "swing" }, 500);
		
		videoBtnChange();
		$(".video .slide:nth-child(" + (-slideNum + 1) + ")").show();
		
		
		
	});
	
	function videoBtnChange() {
		

		//$(".video .nav #" + -slideNum).removeAttr("class");
		//$(".video .nav .btn").attr("class", "btn");
		//$(".video .nav #" + -slideNum).attr("class", "btn active");
		
		$(".video .slide").hide();
		//$(".video .slide:nth-child(1)").show();
		
		
		
	};
	
});