function initSlide()
{
	var scroller = jQuery('.scroller');
	var widths = [];
	var width = 0;
	var lastIndex = -1;
	
	jQuery('.scrollItem img').each(function(index, item) {
		var tmp = jQuery(this).width();
		if(tmp < 709)
		{
			jQuery(this).css('margin-right', (tmp < 709) ? 709 - tmp : 0 + 'px');
		}
		widths[index] = (tmp < 709) ? 709 : tmp;
		width += widths[index];
		jQuery(this).parent().width(widths[index]);
	});
	
	jQuery('.scroller').width(width);
	
	jQuery(jQuery('.pageItem').get(0)).css('color', '#F0AB00');
	
	jQuery('.pageItem').click(function() {
		jQuery('.pageItem').css('color', '#999A9B');
		
		var index = jQuery('.pageItem').index(jQuery(this));
		var deltaIndex = Math.abs(index - lastIndex);
		lastIndex = index;
		
		jQuery('#imageTitle').html(jQuery(jQuery('.scrollItem img').get(index)).attr('alt'));
		jQuery(jQuery('.pageItem').get(index)).css('color', '#F0AB00');
		
		var pos = 0;
		for(var i = 0; i < index; i++)
		{
			pos += widths[i];
		}
		
		jQuery('.scroller').stop().animate({
			left: -(pos)
		}, 250 * deltaIndex);
	});
	
	jQuery(jQuery('.pageItem').get(0)).click();
}

function initSlideThumb(nrPerPage)
{
	jQuery('.column div').css('background-color', 'black');
	jQuery('.viewport').height(410);
	var scroller = jQuery('.scroller').height(400);
	var widths = [];
	var width = 0;
	var lastIndex = -1;
	
	jQuery('.scrollItem').each(function(index, item) {
		var tmp = jQuery(this).width();
		if(tmp < 709)
		{
			jQuery(this).css('margin-right', (tmp < 709) ? 709 - tmp : 0 + 'px');
		}
		widths[index] = (tmp < 709) ? 709 : tmp;
		width += widths[index];
		//jQuery(this).parent().width(widths[index]);
	});
	
	jQuery('.scroller').width(width);
	
	jQuery(jQuery('.pageItem').get(0)).css('color', '#F0AB00');
	
	jQuery('.pageItem').click(function() {
		jQuery('.pageItem').css('color', '#999A9B');
		
		var index = jQuery('.pageItem').index(jQuery(this));
		var deltaIndex = Math.abs(index - lastIndex);
		lastIndex = index;
		
		
		jQuery(jQuery('.pageItem').get(index)).css('color', '#F0AB00');
		
		var pos = 0;
		for(var i = 0; i < index; i++)
		{
			pos += widths[i];
		}
		
		jQuery('.scroller').stop().animate({
			left: -(pos)
		}, 250 * deltaIndex);
		
		var t = jQuery(jQuery('.column img').get(index*nrPerPage)).attr('alt');
		jQuery('#imageTitle').html(t);
	});
	
	jQuery('.column img').mouseenter(function() {
		jQuery('.column img').stop().animate({
			opacity: 0.4
		}, 250);
		
		jQuery(this).stop().animate({
			opacity: 1
		}, 0);
		jQuery('#imageTitle').html(jQuery(this).attr('alt'));
		
	}).mouseleave(function() {
		jQuery('.column img').stop().animate({
			opacity: 1
		}, 250);
		jQuery('#imageTitle').html('');
	});
	
	jQuery(jQuery('.pageItem').get(0)).click();
}