$(document).ready(function($){
	initMainVid();
});

function initMainVid(){
	var FadeSpeed = 1000;
	var RollTime = 4000;
	var $mainVid = $("#mainVid");
	var imgArray = [];
	var $currentVid;
	var $prevVid;
	var vidNum = 0;
	
	$("#mainVid p").each(function(){
		imgArray.push($(this).html());
	});
	var vidSum = imgArray.length;
	$mainVid.empty();
	
	attachVid(vidNum);
	timerID = setInterval(function(){
		if(vidNum < vidSum-1){
			vidNum++;
		}else{
			clearInterval(timerID);
		}
		attachVid(vidNum);
	}, RollTime);
	
	
	
	function attachVid($num){
		if($prevVid){
			$prevVid.removeClass("currentVid");
		}
		$mainVid.append('<p class="currentVid">'+imgArray[$num]+"</p>");
		$currentVid = $(".currentVid");
		$currentVid.css({display:"block",opacity:"0"});
		
		
		$currentVid.animate(
			{opacity: 1},
			{duration:FadeSpeed,easing:"easeInQuart",queue: false}
		);
		
		if($prevVid){
			//$prevVid.remove();
		}
		$prevVid = $currentVid;
	}
}