var currId = 'tv000';
var thumbs = 0;
var currScreen = 1;
var leftPos = 0;
var vList = null;

function setBackNextButtons() {
	$('#vidCarousel a.back').click(function() {
		if (currScreen > 0) {
			leftPos += 690;
			$('#ulWrap ul').animate({
				'left': leftPos + 'px'
			}, 125, function() {
				currScreen -= 1;
				if (currScreen < thumbs) 
					$('#nextBlock').hide();
				if (currScreen == 1) 
					$('#backBlock').show();
			});
		}
		return false;
	});
	$('#vidCarousel a.next').click(function() {
		if (currScreen < thumbs) {
			leftPos -= 690;
			$('#ulWrap ul').animate({
				'left': leftPos + 'px'
			}, 125, function() {
				currScreen += 1;
				if (currScreen > 1) 
					$('#backBlock').hide();
				if (currScreen == thumbs) 
					$('#nextBlock').show();
			});
		}
		return false;
	});
}

function playVideo(id) {
	$('#videoCont a').click(function() {
		$('#videoCont').html('<div id="flash">&nbsp;</div>');
		embedVideoHome(id);
		return false;
	});
}

function vidClipDhtml() {
	jQuery.each(vList, function(i, item) {
		if (vList[i].id == currId) {
			$('#vidColsWrap').fadeOut(500, function() {
				$('#videoCont').html(vList[i].yt);
				/*$('#videoCont a').attr({
					'class': 'video-' + currId,
					'title': vList[i].text
				});*/
				// $('#videoCont a span').html(vList[i].text);
				// playVideo(currId);
				$('#infoCont img').attr({
					'src': 'images/movie_heading-' + currId + ".gif",
					'alt': vList[i].text
				});
				$('#infoCont p.lead').html(vList[i].blurb);
				$('#vidColsWrap').fadeIn(500);
			});
		}
	});
}

function setThumbLinks() {
	$('#ulWrap ul li a').click(function() {
		if ($(this).parent().attr('class') != currId) {
			currId = $(this).parent().attr('class');
			$('#ulWrap ul').attr('id', currId);
			vidClipDhtml();
		}
		return false;
	});
}

function setViewMoreLink() {
	$('#infoCont p.viewMore a').click(function() {
		var newId = null;
		jQuery.each(vList, function(i, item) {
			if (vList[i].id == currId) 
				newId = vList[i].next;
		});
		$('#ulWrap ul').attr('id', newId);
		currId = newId;
		vidClipDhtml();
		return false;
	});
}

function createVidCarousel() {
	/*
		Insert the following HTML...
		
		<div id="vidCarousel">
			<div id="ulWrap">
				<ul class="clearfloat" id="tv000"></ul>
			</div>
			<!-- end ulWrap -->
			<a href="#" title="Back" class="back" style="display: none;"><span>Back</span></a>
			<a href="#" title="Next" class="next"><span>Next</span></a>
		</div>
		<!-- end vidCarousel -->
	*/
	$('#regRec div.middle').append('<div id="vidCarousel"><div id="ulWrap"><ul class="clearfloat" id="' + currId + '"></ul></div><a href="#" title="Back" class="back"><span>Back</span></a><a href="#" title="Next" class="next"><span>Next</span></a><div id="backBlock">&nbsp;</div><div id="nextBlock" style="display: none;">&nbsp;</div></div>');
	$('#backBlock, #nextBlock').css('opacity', '0.5');
	jQuery.getJSON('json/vidCarousel.json', function(data) {
		vList = data;
		var videos = vList.length;
		var screens = videos / 5;
		if (parseFloat(screens.toString().split('.')[1]) > 0) 
			thumbs = parseFloat(screens.toString().split('.')[0]) + 1;
		else 
			thumbs = screens;
		jQuery.each(vList, function(i, item) {
			$('#tv000').append('<li class="' + item.id + '"><a href="#" title="' + item.text + '"><h2><span>' + item.text + '</span></h2><p>' + item.textThumb + '</p></a></li>');
		});
		setThumbLinks();
		setViewMoreLink();
	});
	setBackNextButtons();
}