jQuery.noConflict();
		
		function loadImages(id, direction) {
			if (ajax) {
				return false;
			}
			if (direction == 'left') {
				off=off-4;
			}else{
				off=off+4;
			}
			jQuery.ajax({
				url: '/photo/ajax.html', 
				data: {id: id, direction: direction,offset:off,max:maxId}, 
				type: 'POST', 
				dataType: 'json', 
				success: function (data) {
					var left = jQuery('#scroller').css('left').replace('px', '');
					left = parseInt(left);
					if (data.direction == 'left') {
						for (var key in data.images) {
							if(key=='$family') break;
							left = left - 170;
							var html = 
								"<div class='image' rel='"+data.images[key].id+"'>"+
								"<a href='/photo/index/"+data.images[key].offset+"/"+data.images[key].imagefull+".html#view'>" +
								"<img src='/media/userimages/sthumb/"+data.images[key].image+".png' />" +
								"</div>" +
								"</a>";
							jQuery('#scroller').prepend(html);
							jQuery('#scroller .image:last').remove();
							jQuery('#scroller').css('left', left + 'px');
						}
					} else {
						for (var key in data.images) {
							if(key=='$family') break;
							left = left + 170;
							var html = 
								"<div class='image' rel='"+data.images[key].id+"'>"+
								"<a href='/photo/index/"+data.images[key].offset+"/"+data.images[key].imagefull+".html#view'>" +
								"<img src='/media/userimages/sthumb/"+data.images[key].image+".png' />" +
								"</div>" +
								"</a>";
							jQuery('#scroller').append(html);
							jQuery('#scroller').css('left', left + 'px');
							jQuery('#scroller .image:first').remove();
						}
					}
				}
			});
		}
		
		function scrollList(offset) {
			var left = parseInt(jQuery('#scroller').css('left'));
			left = left + offset;
			if (offset < 0) {
				var id = jQuery('#scroller .image:first').attr('rel');
				if (off+24 < 0-maxId) {
					off=0;
				}
				if(left<-3200&&off<maxId) loadImages(id, 'right');
			} else if (offset > 0) {
				var id = jQuery('#scroller .image:last').attr('rel');
				if (off > maxId) {
					off=0;
				}
				if(left>=30&&off>0) loadImages(id, 'left');
				
			}
			if (left < -3500) {
				left = -3500;
			}
			if (left > 0) {
				left = 0;
			}
			jQuery('#scroller').css('left', left + 'px');
		}
		
		function scrollLeft() {
			scrollList(15);
			if (leftButton) {
				setTimeout('scrollLeft()', 50);
			}
		}
		function scrollRight() {
			scrollList(-15);
			if (rightButton) {
				setTimeout('scrollRight()', 50);
			}
		}
		
		jQuery(function () {
			ajax = false;
			jQuery('#scroller').mousewheel(function (event, delta) {
				if (delta > 0) {
					scrollList(30);
				} else {
					scrollList(-30);
				}
				return false;
			});
			jQuery('#loading span').ajaxStart(function () {
				jQuery(this).show();
				ajax = true;
			});

			jQuery('#loading span').ajaxStop(function () {
				jQuery(this).hide();
				ajax = false;
			});
			
			leftButton = false;
			rightButton = false;
			jQuery('#leftScrollButton').mousedown(function () {
				leftButton = true;
				scrollLeft();
			});
			jQuery('#leftScrollButton').mouseup(function () {
				leftButton = false;
			});
			jQuery('#leftScrollButton').mouseleave(function () {
				leftButton = false;
			});
			jQuery('#rightScrollButton').mousedown(function () {
				rightButton = true;
				scrollRight();
			});
			jQuery('#rightScrollButton').mouseup(function () {
				rightButton = false;
			});
			jQuery('#rightScrollButton').mouseleave(function () {
				rightButton = false;
			});
		});