$(function() {
	$.getScript("/javascripts/jquery.jcarousel.js", function(){
		if($('.slideshow li').length > 2)
		$('.slideshow').jcarousel({
	  	scroll: 2,
	  	wrap: "circular",
	  	itemVisibleInCallback: {
	  		onBeforeAnimation: mycarousel_itemVisibleInCallback
	  	},
	  	itemVisibleOutCallback: {
	  		onAfterAnimation: mycarousel_itemVisibleOutCallback
	  	}
	  });
	  if($('.slideshow a').length < 2)
		$('.slideshow a').click(function(e){
			e.preventDefault();
			$.get($(e.target).parents('a').attr('href'), function(req){
				$('#video').html(req);
			});
		});
	});
	
	var mycarousel_itemList = $('.slideshow li a');
	var carousel_li_list = $('.slideshow li');
	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) {
	 carousel.remove(i);
	};
	
	
	function carouselGetIndex(item) {
		for(var i =0; i<mycarousel_itemList.length; i++){
			if($(item).children('a')[0] == $(carousel_li_list[i]).children('a')[0])
				return i;
		}
	}
	
	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
	 // The index() method calculates the index from a
	 // given index who is out of the actual item range.
		 var idx = carousel.index(i, mycarousel_itemList.length);
		 carousel.add(i, mycarousel_itemList[idx - 1]).click(function(e){
			e.preventDefault();
			$.get($(e.target).parents('a').attr('href'), function(req){
				$('#video').html(req);
			});
			number = ($(this).attr('jcarouselindex')%parseInt($('#total').text()) == 0) ?  parseInt($('#total').text()) : $(this).attr('jcarouselindex')%parseInt($('#total').text());
			if(number < 0)
				number = parseInt($('#total').text()) + number;
			$('#number').text(number);
		});;
	};
});