jQuery(document).ready(function(){
	var sliderContainer  = jQuery('.akslider');
	if (sliderContainer.length <= 0 ) { return; }
	
	var slides = sliderContainer.find('.slides>ul>li');
	
	sliderContainer.find('.slides>ul>li>img').click(function(){
		akSwitchSlide('next');
	}).css('cursor', 'pointer');

		
	var switcherContainer = jQuery('<div class="switcher"><div class="rcl"></div><div class="rcr"></div></div>');
	var switcher = jQuery('<ul class="clearfix"></ul>');
	
	var next = jQuery('<a href="#" class="next"><span>Next</span></a>').click(function(event){
		event.preventDefault();
		akSwitchSlide('next');
	});
	
	var previous = jQuery('<a href="#" class="previous"><span>Previous</span></a>').click(function(event){
		event.preventDefault();
		akSwitchSlide('previous');
	});
	
	
	var li = jQuery('<li></li>');
	
	var current = 0;
	
	var akSwitchSlide = function(to){

		from = current;
		
		if (to === 'next') {
			current++;
		} else if (to === 'previous') {
			current--;
		} else {
			current = to;
		}
		
		
		if ( current < 0 ) {
			current = ( slides.length - 1 ) % slides.length;
		 } else {
			current = current % slides.length ;
		} 
		
		if (from !== current || current === 0) {
			slides[from].indicator.removeClass('active');
			slides[current].indicator.addClass('active');
		}
		if ( from !== current ) {
			jQuery(slides[from]).css('zIndex', 20);
			jQuery(slides[current]).css('zIndex', 25).fadeIn(600, function(){
				jQuery(slides[from]).hide();
			});
		}
		
		
		
	};
	
	li.clone().append(previous).appendTo(switcher);
	
	slides.each(function(i,el){
		if ( i !== 0 ) { jQuery(el).hide(); }
		el.indicator = jQuery('<a href="#"><span>Slide '+ i +'</span></a>').click(function(event){
			event.preventDefault();
			akSwitchSlide(i);
		});
		li.clone().append(el.indicator).appendTo(switcher);
	});
	
	li.clone().append(next).appendTo(switcher);

	switcher.appendTo(switcherContainer);
	switcherContainer.appendTo(sliderContainer);
	
	akSwitchSlide(current);
});