jQuery(document).ready(function($){

	$('#Slider').children().wrap('<div class="Item" />').parents('#Slider').wrapInner('<div class="Wrapper2" />');
	$('#Slider .Item img[alt]').after(function(){
		return '<div class="Caption">'+$(this).attr('alt')+'</div>';
	});	
	
	$('#Slider .Wrapper2').wrap('<div class="Wrapper1" />');
	$('#Slider').append('<div class="Arrow Left"></div><div class="Arrow Right"></div>');
	var Item = $('#Slider div.Item');
	for(var i = 0; i < Item.length; i+=3) {
	  Item.slice(i, i+3).wrapAll('<div class="Group" />');
	}
	var GroupWidth = $('#Slider .Group').width();
	var TotalWidth = $('#Slider .Group').length * $('#Slider .Wrapper2').width();
	$('#Slider .Wrapper2').css('width',TotalWidth);
	
	$('#Slider .Arrow.Right').click(function(){
		if ($('#Slider .Wrapper2').position().left - GroupWidth - GroupWidth > 0 - TotalWidth) { $('#Slider .Wrapper2').animate({left:'-='+GroupWidth}); }
		else { $('#Slider .Wrapper2').animate({left:0}); }
	});
	$('#Slider .Arrow.Left').click(function(){
		if ($('#Slider .Wrapper2').position().left < 0) { $('#Slider .Wrapper2').animate({left:'+='+GroupWidth}); }
		else { $('#Slider .Wrapper2').animate({left:0 - (TotalWidth - GroupWidth)}); }
	});
	
});

