$(document).ready(function () {
	$('.gallery .carousel').rscarousel({ moveCount: 6, animation: false, speed: 500, scrollDirection: 'width', circular: false, autoscroll: 1});
	
	if ($('.gallery .carousel .items li').length > 1)
	{
		$('.gallery .carousel').show();
	}
	else
	{
		$('.gallery .carousel').hide();
	}
	$(".gallery").each(function (index, element) {
		var gallery = $(this);
		var galleryId = $("input[name='HiddenGallery']", gallery).val();
		$.ajax({
			url: window.location.href,
			global: false,
			type: "POST",
			data: ({
				galleryId: galleryId,
				operation: "AJAX"
			}),
			dataType: "json",
			async: false,
			success: function (data) {
				if (data.Success) {
					gallery.data(data.Data);
				}
			}
		});
		if ($(gallery).find('li').length > 1) {
			timer = setInterval(function(){				
				 rotate(gallery);
			}, 10000);
		}
		$(".item a", gallery).click(function (evt) {
			clearInterval(timer);
			evt.preventDefault();
			var anchor = $(this);
			var itemId = anchor.attr("href").replace("#", "");
			var parentGallery = anchor.closest(".gallery");
			var itemData = findItem(gallery.data().Items, itemId);
			var itemContent = $(".item_content", parentGallery);
			itemContent.stop(true, true);
			$("ul li", gallery).removeClass("sel").removeClass('show');
			itemContent.fadeOut(250, function () {
				$(this).html(itemData.Html); $(this).fadeIn(500);
			});
			anchor.closest("li").addClass("sel").addClass('show');
		});
		
	});
	function rotate(obj){
		var gallery = obj;
		var current = ($(gallery).find('li.show')? $(gallery).find('li.show') : $(gallery).find('li:first'));
		if ( current.length == 0 ) current = $(gallery).find('li:first');
		var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $(gallery).find('li:first') :current.next()) : $(gallery).find('li:first'));
		var anchor = $(next).find('a');
		
		var itemId = anchor.attr("href").replace("#", "");
		var itemData = findItem(gallery.data().Items, itemId);
		var itemContent = $(".item_content", gallery);
		itemContent.stop(true, true);
		itemContent.fadeOut(250, function () {
				$(this).html(itemData.Html); $(this).fadeIn(500);
			});
		next.addClass("sel").addClass('show');
		current.removeClass("sel").removeClass('show');
	}
	function findItem(items, itemId) {
		for (var i = 0; i < items.length; i++) {
			if (items[i].Id == itemId)
				return items[i];
		}
		return null;
	}
})