// JavaScript Document function Scroll(obj,prev,next,width,auto){ var slideX = { thisUl : obj.children(), thisLi : obj.children().children(), btnLeft : prev, btnRight : next, init: function () { slideX.thisUl.width(slideX.thisLi.length * width); slideX.slideAuto(); slideX.btnLeft.click(slideX.slideLeft).hover(slideX.slideStop, slideX.slideAuto); slideX.btnRight.click(slideX.slideRight).hover(slideX.slideStop, slideX.slideAuto); slideX.thisUl.hover(slideX.slideStop, slideX.slideAuto); touch.on(obj, 'swipeleft', function(ev){ slideX.slideRight() }); touch.on(obj, 'swiperight', function(ev){ slideX.slideLeft() }); }, slideLeft: function () { slideX.btnLeft.unbind('click', slideX.slideLeft); slideX.thisLi.parent().children().eq(slideX.thisLi.length - 1).prependTo(slideX.thisUl); slideX.thisUl.css('marginLeft', 0-width); slideX.thisUl.animate({ 'marginLeft': 0 }, 500, "linear", function () { slideX.btnLeft.bind('click', slideX.slideLeft); }); return false; }, slideRight: function () { slideX.btnRight.unbind('click', slideX.slideRight); slideX.thisUl.animate({ 'marginLeft': -width}, 500, "linear", function () { slideX.thisUl.css('marginLeft', '0'); slideX.thisLi.parent().children().eq(0).appendTo(slideX.thisUl); slideX.btnRight.bind('click', slideX.slideRight); }); return false; }, slideAuto: function () { if(auto == 1){ slideX.intervalId = window.setInterval(slideX.slideRight, 3000); } }, slideStop: function () { window.clearInterval(slideX.intervalId); } } $(document).ready(function () { slideX.init(); }) }