$(function () {
	$('div.quoteContent ul').jcarousel({
		wrap: 'both',
		visible: 1,
		scroll: 1
	});
	var ScreenshotCarousel = {
		carousel: null,
		init: function() {
			 $('div.screenshotCarousel ul').each(function() {
				var $$ = $(this);
				$$.find('.hideOnLoad').removeClass('hideOnLoad');
				$$.jcarousel({
					wrap: 'both',
					visible: 1,
					scroll: 1,
					auto: 5,
					itemVisibleInCallback: ScreenshotCarousel.itemVisibleInCallback,
					initCallback: ScreenshotCarousel.initCallback
				});
				var $ssnav = $('<ul class="screenshotCarouselNav" />');
				$$.children().each(function(i){
					var index = i + 1;
					if (i == 0)
						$ssnav.append('<li class="active">' + index + '</li>');
					else
						$ssnav.append('<li>' + index + '</li>');
				});
				$('ul.screenshotCarouselNav li').live('click', ScreenshotCarousel.navClick);
				$$.parent().append($ssnav);

			});
		},
		itemVisibleInCallback: function(c, el, i, state) {
			$('ul.screenshotCarouselNav').find('li.active').removeClass('active').end().find('li:eq(' + (i-1) + ')').addClass('active');
		},
		initCallback: function(carousel) { ScreenshotCarousel.carousel = carousel; },
		navClick: function(e){
			ScreenshotCarousel.carousel.scroll($.jcarousel.intval($(this).text()));
		}
	};
	ScreenshotCarousel.init();
});

var GraphNodeCarousel = {
	init: function() {
		$('div.carousel').each(function() {
			var $$ = $(this);
			$$.find('.hideOnLoad').removeClass('hideOnLoad');
			var count = $$.find('> ul > li').length;
			$$.jcarousel({
				wrap: 'both',
				visible: 1,
				scroll: 1,
				buttonNextHTML: '',
				buttonPrevHTML: '',
				itemVisibleInCallback: GraphNodeCarousel.itemVisibleInCallback
			});
			$$.append('<div class="graphNodeNav"><a class="prev"></a><div class="info"><span class="index">1</span> of <span class="total">' + count + '</span></div><a class="next"></a>');
		});
		$('.carousel a.next').live('click', GraphNodeCarousel.next);
		$('.carousel a.prev').live('click', GraphNodeCarousel.prev);
	},
	itemVisibleInCallback: function(c, el, i, state) {
		$(el).parents('.carousel:first').find('.index').text(i);
	},
	next: function(event) {
		event.preventDefault();
		var $$ = $(this).parents('.carousel:first');
		var $c = $$.data('jcarousel');
		var index = $c.first + 1;
		var total = $.jcarousel.intval($$.find('.total').text());
		if (index > total) {
			index = 1;
		}
		$c.scroll($.jcarousel.intval(index));
	},
	prev: function(event) {
		event.preventDefault();
		var $$ = $(this).parents('.carousel:first');
		var $c = $$.data('jcarousel');
		var index = $c.first - 1;
		var total = $.jcarousel.intval($$.find('.total').text());
		if (index == 0) {
			index = total;
		}
		$c.scroll($.jcarousel.intval(index));
	}
};
$(function() { GraphNodeCarousel.init(); });

$(function() {
	$('div.tabs').anTabs({removeHeader: false});
});

$(function() {
	$('#SubscribeForm').ajaxForm(function() {
		$('#SubscribeForm').replaceWith('<p class="message">Thank you for subscribing. You should receive a confirmation email.</p>');
	});
});