﻿(function($) {

    $.fn.jContentSlider = function() {
        return this.each(
			function() {
			    var $this = $(this);

			    $(this).addClass("scroll-applied");
			    var content = $(".scroll-content", $this);
			    var item = $("ul li", $this);
			    var totalwidth = item.length * ((parseInt(item.css("width")) + parseInt(item.css("margin-left")) + parseInt(item.css("margin-right"))));
			    content.css("width", totalwidth);
			    var sliderOpts = {
			        animate: true,
			        max: totalwidth - $this.width() - parseInt(item.css("margin-right")),
			        slide: function(e, ui) {
			            content.css("left", "-" + ui.value + "px");
			        }
			    };
			    $(".scroll-bar", $this).slider(sliderOpts);
			}
		)
    };

})(jQuery);
