$.fn.UiSlider = function () {

var ui = $(this);

var wrap = $(".ui-slider-wrap");

var itmes = $(".ui-slider-wrap .itme",ui);

var btn_prev = $(".ui-slider-arrow .left",ui);

var btn_next = $(".ui-slider-arrow .right",ui);

var tips = $(".ui-slider-process .itme",ui);

var current = 0;

var size = itmes.length;

var width = itmes.eq(0).width();

var enableAuto = true;

wrap.on('mouseover', function () {

enableAuto = false;

})

wrap.on('mouseout', function () {

enableAuto = true;

})

wrap.on("move_prev",function () {

if (current <= 0) {

current = size;

}

current -= 1;

wrap.triggerHandler('move_to',current);

})

wrap.on("move_next",function () {

if (current >= size-1) {

current = -1;

}

current += 1;

wrap.triggerHandler('move_to',current);

})

wrap.on("move_to",function (evt, index) {

wrap.css("left",index*width*-1);

tips.removeClass("itme_focus").eq(index).addClass("itme_focus");

})

wrap.on('auto_move',function(){

setInterval(function(){

enableAuto && wrap.triggerHandler('move_next');

},2000);

})

btn_prev.on("click",function () {

wrap.triggerHandler("move_prev");

})

btn_next.on("click",function () {

wrap.triggerHandler("move_next");

})

tips.on("click", function () {

var index = $(this).index();

wrap.triggerHandler("move_to",index);

})

}