(function($){
	$(document).ready(function(){
		var imgWidth = 0;
		var slider = $("#slider");		
		var leftButton = slider.find("a.leftButton");
		var rightButton = slider.find("a.rightButton");
		var sliderContainer = slider.find("div.slidercontent");
		var sliderWrapper = slider.find("div.slidercontentwrapper")
		var allImages = sliderWrapper.find("div.imgWrapper");
		var scrollWidth = allImages.outerWidth(true);
		// set wrapper width so all images are on a single line
		allImages.each(function(){
			imgWidth += $(this).outerWidth(true);
		});		
		sliderWrapper.width(imgWidth);
		
		// attach click handlers for scrolling
		leftButton.click(function(e){	
			e.preventDefault();
			if (leftButton.data('disabled'))
			{
				return;
			}
			leftButton.data('disabled',true);
			sliderWrapper.animate({left:'+='+scrollWidth},350,function(){
				toggleButtons(sliderContainer, sliderWrapper, leftButton, rightButton);
				leftButton.data('disabled',false);
			});
		});
		rightButton.click(function(e){
			e.preventDefault();
			if (rightButton.data('disabled'))
			{
				return;
			}
			rightButton.data('disabled',true);
			sliderWrapper.animate({left:'-='+scrollWidth},350,function(){
				toggleButtons(sliderContainer, sliderWrapper, leftButton, rightButton);
				rightButton.data('disabled',false);
			});
		});
		
		// toggle button
		toggleButtons(sliderContainer, sliderWrapper, leftButton, rightButton);
	});
})(jQuery);

function toggleButtons(container, content, leftButton, rightButton)
{
	var left = Math.abs(parseInt(content.css('left'),10));
	var conWidth = left + container.width();
	var contentWidth = content.width();
	// should left button be displayed
	if (left == 0)
	{
		leftButton.hide();
	}
	else
	{
		leftButton.show();
	}
	
	if (conWidth == contentWidth)
	{
		rightButton.hide();
	}
	else
	{
		rightButton.show();
	}
}