$(document).ready(function () {
	$count = $("#sliderposition").find('img').length
	$width = $count * 457;
	$("#sliderposition").css("width",$width);
	
	$("#sliderleft").click(function(){
		$position = $("#sliderposition").attr("rel");
		if($position > 1){
			$position = $position-1;
			
			if($position == 1){
				$("#sliderleft").addClass("disabled");
			}else{
				$("#sliderleft").removeClass("disabled");
			}
			$("#sliderright").removeClass("disabled");
			
			$newwidth = 457 - ($position * 457);
			$('#sliderposition').animate({
				left: $newwidth
			}, 400, function() {
				$("#sliderposition").attr("rel",$position);
				
				// Animation complete.
			});			
		}
		return false;
		
	});
	
	$("#sliderright").click(function(){
		$position = $("#sliderposition").attr("rel");
		if($position < $count){
			$position = ($position*1)+1;
			
			if($position == $count){
				$("#sliderright").addClass("disabled");
			}else{
				$("#sliderright").removeClass("disabled");
			}
			$("#sliderleft").removeClass("disabled");
			$newwidth = 457 - ($position * 457);
			
			$('#sliderposition').animate({
				left: $newwidth
			}, 400, function() {
				$("#sliderposition").attr("rel",$position);
				
				// Animation complete.
			});			
		}		
		return false;
		
	});	
});