$(document).ready(function() {
	var slider = $(".slider");
	
	var numberOfSlides = slider.find(" > div").length;

	if (numberOfSlides > 1) {
		slider.addClass("active-slider");
		slider.find('> div').wrap("<div class='tab'></div>");
		slider.wrapInner("<div class='scroller'></div>");
		slider.wrapInner("<div class='tabs'></div>");
		slider.append("<ul class='switch-buttons'></ul>");
		slider.append("<a class='prev'></a><a class='next'></a>");
		
		for (var i=0; i<numberOfSlides; i++) {
			slider.find(".switch-buttons").append("<li class='t" + i + "'></li>");
		}
		
		var scroller = slider.find('.scroller');
		scroller.width(numberOfSlides * 980);
		
		var switchButtons = slider.find('.switch-buttons li');
		
		switchButtons.each(function(index, button) {
			$(button).data('tab-index', index);
		});
		
		var moveTo = function(index) {
			scroller.animate({left: -(index * 980)});
			switchButtons.removeClass('current');
			switchButtons.eq(index).addClass('current');
		}
		
		switchButtons.eq(0).addClass("current");
		switchButtons.click(function(event) {
			var index = $(this).data('tab-index');
			moveTo(index);
		});
		
		slider.find('.next').click(function(event) {
			var currentIndex = slider.find('.switch-buttons .current').data('tab-index');
			
			if (currentIndex < numberOfSlides - 1) {
				moveTo(currentIndex + 1);
			}
		});

		slider.find('.prev').click(function(event) {
			var currentIndex = slider.find('.switch-buttons .current').data('tab-index');
			
			if (currentIndex != 0) {
				moveTo(currentIndex - 1);
			}
		});		
	}
});