var MultiSlider = {
	init: function() {
		$('#column-right div.multi-slider ul[class!=nav]').jcarousel({
			"scroll": 3,
			auto: 8,
			wrap: "both",
			initCallback: MultiSlider.initJcarouselCallback,
			buttonNextHTML: null,
			buttonPrevHTML: null,
			itemFirstInCallback: MultiSlider.itemLoadCallbackFunction
		});
	
		var pages = Math.ceil($("#column-right div.multi-slider ul[class!=nav] a").length / 3);
		var objNav = $("#column-right div.multi-slider ul.nav");

		objNav.empty().append("<li><a class=\"previous disabled\" href=\"javascript:void(0);\">previous<\/a><\/li>");
		for (var count = 0; count < pages; count++) {
			objNav.append("<li><a href=\"javascript:void(0);\">" + (count + 1) + "<\/a><\/li>");
		}
		objNav.append("<li><a class=\"next\" href=\"javascript:void(0);\">next<\/a><\/li>");
		objNav.find("a[class!=previous][class!=next]").eq(1).addClass("selected");

		var width = 0;
		objNav.find("li").each(function(){ width += $(this).width() });

		objNav.css("margin-left", Math.round((202 - width) / 2));
	},
	initJcarouselCallback: function(objCaroussel) {
		jQuery('#column-right div.multi-slider ul.nav a[class!=previous][class!=next]').bind('click', function() {
			objCaroussel.scroll(jQuery.jcarousel.intval((jQuery(this).text() - 1) * 3));
			$(this).addClass("selected");
			return false;
		});

		jQuery('#column-right div.multi-slider ul.nav a.next').bind('click', function() {
			objCaroussel.next();
			return false;
		});

		jQuery('#column-right div.multi-slider ul.nav a.previous').bind('click', function() {
			objCaroussel.prev();
			return false;
		});
	},
	itemLoadCallbackFunction: function(objCarousel, item, idx, state) {
		switch (state) {
			case "next":
			case "prev":
				$("#column-right div.multi-slider ul.nav a.previous, #column-right div.multi-slider ul.nav a.next").removeClass("disabled");
				$("#column-right div.multi-slider ul.nav a[class!=previous][class!=next]").removeClass("selected").eq(Math.floor(idx / 3)).addClass("selected");
				if (idx == 1) {
					$("#column-right div.multi-slider ul.nav a.previous").addClass("disabled");
				} else if (objCarousel.last - idx < 3) {
					$("#column-right div.multi-slider ul.nav a.next").addClass("disabled");
				}
				break;
		}
	}
}