dB.scripts = {

	init: function() {
		dB.scripts.pageImageGroupWidth = 0;
		$('div.pageImageGroup ul li').each(function() {
			dB.scripts.pageImageGroupWidth += $(this).outerWidth();
		});
		dB.scripts.pageImageGroupScrollAmount = dB.scripts.pageImageGroupWidth - $('div.pageImageGroup').width();
		if (dB.scripts.pageImageGroupScrollAmount > 0) {
			$('div.pageImageGroupSliderWrapper').append('<div class="pageImageGroupSlider"></div>');
			$('div.pageImageGroupSlider').slider({ slide: dB.scripts.pageImageGroupSliderCallback });
		} else {
			$('div.pageImageGroup ul').css('margin-left',Math.round(dB.scripts.pageImageGroupScrollAmount / -2) + 'px');
		}
	},
	pageImageGroupSliderCallback: function(event, ui) {
		$('div.pageImageGroup ul').css('margin-left',Math.round(-1 * ui.value * dB.scripts.pageImageGroupScrollAmount / 100) + 'px');
	}
};

$(dB.scripts.init);