var currentHost = window.location.host;

function getVids() {
	if ((typeof playlist != 'undefined') && (playlist != '')) {
		var urlVars = '?feedURL='+playlist;
	} else {
		var urlVars = '';
	}
	var imgWidth = 105;
	$(document).ready(function(){
		//hide some divs for fade in later
		$('#videoThumbs,#playerContainer').hide();
		$('#playerContainer div').html('<img class="loader" src="http://action.cellarsessions.com/images/ajax-loader.gif" />');
		//populate the holder div
		$('#holder').load("http://"+currentHost+"/get-vids.php"+urlVars, function(){
			if ($('#holder').html() == 'FALSE') {
				$('#videoThumbs').html('<p>No videos for this episode.</p>');
			} else {
				//Traverse the holder to get the thumbs and populate the video thumbs area
				numVids = $('.vidItem').length;
				if (numVids > 0) {
					for (x = 0; x <= numVids-1; x++) {
						thumbURL = $('#holder #thumb-'+ x +' img').attr('src');
						thumbTitle = $('#title-'+ x).html();
						$('#videoThumbs').append('<img id="'+x+'" class="thumbImg" width="'+imgWidth+'" src="'+thumbURL+'" alt="" title="'+thumbTitle+'" />');
					}		
				}
				$('#videoThumbs').fadeIn('slow');
				$('#videoThumbs img').click(function () {
					$('#playerContainer div').html('<img class="loader" src="http://action.cellarsessions.com/images/ajax-loader.gif" />');
					// get id of image that was clicked
					id = $(this).attr('id');
					embedCode = $('#holder div div.vidEmbed').eq(id).html();
					if ($("#playerContainer").is(":hidden")) {
						$("#playerContainer").slideDown("2000");
					}
					$('#playerContainer div').animate({
					 opacity: 1.0
					}, 2000, function(){
						$('#playerContainer div').hide();
						$('#playerContainer div').empty();
						$('#playerContainer div').html(embedCode);
						$('#playerContainer div').fadeIn(2500);
					});		    
				});
			}
		});
	});
}