jQuery(document).ready(function() {

	jQuery(".jcarousel-control").hover(function() {
		jQuery(this).css("background-image", jQuery(this).css("background-image").split(".jpg").join("_hover.jpg"));
	}, function() {
		jQuery(this).stop(true,false);
		jQuery(this).css("background-image", jQuery(this).css("background-image").split("_hover.jpg").join(".jpg"));
	});
	
	var countImages = jQuery("#scroller_ul").children().size();
	
	var initJcarousel = jQuery("#scroller_ul").children().size() > 0;
	
	if (jQuery("#scroller_ul").children().size() <= 3) {
		jQuery(".jcarousel-control").css("background-image", "none");
		for (i=0;i < 4 - jQuery("#scroller_ul").children().size();i++)
		{
			jQuery("#scroller_ul").prepend('<li><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=" /></li>');
			articleImages.unshift("");
		}
	}
	
	if (initJcarousel)
	{
		//JCAROUSEL FOR PROJECT THUMBNAILS
		jQuery("#scroller_ul").jcarousel({
			scroll: 1,
			initCallback: mycarouse2_initCallback,
			buttonNextCallback: mycarouse2_checkNextState,
			buttonPrevCallback: mycarouse2_checkPrevState, }
		);
		
		jQuery("div#scroller_page_left").addClass("disabled");
		
		// Scroll on thumb click
		jQuery("#scroller_ul li.jcarousel-item").bind('click', function() {
			var carouselinstance = jQuery('#scroller_ul').data('jcarousel');
			var clickedIndex = jQuery(this).attr("jcarouselindex");
			
			if (clickedIndex > carouselIndex) {
				carouselinstance.scroll(clickedIndex + 1);
			} else {
				carouselinstance.scroll(clickedIndex - 1);
			}
	        return false;
	    });
		
	}
		
	function mycarouse2_checkNextState(carousel) {
		if (carousel.size() == carousel.last) {
			jQuery('div#scroller_page_right').addClass("disabled");
		} else {
			jQuery('div#scroller_page_right').removeClass("disabled");
		}
	}
	
	function mycarouse2_checkPrevState(carousel) {
		if (1 == carousel.first) {
			jQuery('div#scroller_page_left').addClass("disabled");
		} else {
			jQuery('div#scroller_page_left').removeClass("disabled");
		}
	}
	
	function mycarouse2_initCallback(carousel) {
		jQuery('#scroller_page .jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		mycarouse2_checkNextState(carousel);
		mycarouse2_checkPrevState(carousel);
		
		return false;
	})
	
	jQuery('#scroller_page_right').bind('click', function() {
		if (!jQuery(this).hasClass("disabled")) {
			carousel.next();
		}
		return false;
	});
	
	jQuery('#scroller_page_left').bind('click', function() {
		if (!jQuery(this).hasClass("disabled")) {
			carousel.prev();
		}
		return false;
	});
	
	//Carousel fails when there are 2 pic
	if (countImages == 3) {
		jQuery("#scroller_ul").css("left", "-45px");
		
	}
	
	};
});