(function($) {
	$.fn.jdSlider = function(options){
		var defaults = {
			speed:	400
		};
		var options = $.extend(defaults, options);
		$('#workFlow').css({'display' : 'none'});
		$('#workFlow').fadeIn('slow', function(){
			$('#workFlow').find('.sliderMask').fadeIn('slow', function(){
				$('a.left').fadeIn('fast', function(){
					$(this).animate({left: '-22px', paddingRight: '37px'})
				})
				$('a.right').fadeIn('fast', function(){
					$(this).animate({right: '-22px', paddingRight: '37px'})
				})
			})
			$(this).find('li').eq(1).addClass('active');
		})
		var startPos = $(this).parent().find('li').css('width').replace('px', '') - 4;
		$(this).find('a.right').mouseup(function(){
			var slideAmount = $(this).parent().find('li').width();
			$(this).parent().find('li.active .details').fadeOut('slow');
			$(this).parent().find('img').fadeOut('slow')
			$(this).parent().find('li.active').removeClass('active').next().addClass('active');
			$(this).parent().find('ul').stop().animate({left: '-'+slideAmount+'px'}, options.speed, function(){
				$(this).parent().find('ul li').eq(0).appendTo(this)
				$(this).parent().find('ul').attr('style', '')
			})
			return false;
		})
		$(this).find('a.left').mouseup(function(){
			var slideAmount = $(this).parent().find('li').width();
			$(this).parent().find('ul').stop().animate({right: '-'+slideAmount+'px'}, options.speed, function(){
				$(this).parent().find('ul li:last-child').prependTo(this)
				$(this).parent().find('ul').attr('style', '')
			})
			$(this).parent().find('li.active').removeClass('active').prev().addClass('active');
			return false;
		})
		$('#workFlow').find('li').each(function(index){
			$(this).append('<span class="projectNo">0'+index+'</span>')
		})
	};
})(jQuery);