var sliderWidths = new Array();
var slideDuration = 150;

jQuery(document).ready(function(){
	jQuery('.slider').each(enableSlider);
	
	jQuery('.slider-scroller').css('position', 'relative');
});

function slide(index, baseName){
	jQuery('#' + baseName + '-navigation a.current').removeClass('current');
	jQuery('#' + baseName + '-navigation-' + index).addClass('current');
	jQuery('#' + baseName + '-scroller').animate({left:(-index * sliderWidths[baseName])}, slideDuration);
}

function enableSlider(index, slider){
	slider = jQuery(slider);
	slider.css('positon', 'relative');
	var baseName = slider.attr('id');
	var items = jQuery('.' + baseName + '-item');
	sliderWidth = jQuery('#' + baseName).width();
	jQuery('#' + baseName + '-scroller').width(sliderWidth * items.length);
	sliderWidths[baseName] = sliderWidth;
	if(items.length > 1){
		navigation = jQuery(document.createElement('div'));
		navigation.addClass('slider-navigation').attr('id', baseName + '-navigation');
		for(i = 0; i < items.length; i++){
			slideLink = jQuery(document.createElement('a'));
			slideLink.attr('id', baseName + '-navigation-' + i).attr('href', 'javascript:slide(' + i + ', "' + baseName +'")').append(i + 1);
			if(i == 0)
				slideLink.addClass('current');
			navigation.append(slideLink);
		}
		slider.append(navigation);
	}
}