$(function () {
    var Onli = $(".InpageNav-list li[sid='" + sid + "']");
    if ($(Onli).length != 0) {
        var nav_w = $(Onli).width();
        $(".InpageNav-list li[sid='" + sid + "']").addClass("on");
        $(".InpageNav .sideline").stop(true);
        $(".InpageNav .sideline").animate({ left: $(Onli).position().left }, 300);
        $(".InpageNav .sideline").animate({ width: $(Onli).width() });
        var fn_w = ($(".InpageNav-slide").width() - nav_w) / 2;
        var fnl_l;
        var fnl_x = parseInt($(Onli).position().left);
        if (fnl_x <= fn_w) {
            fnl_l = 0;
        } else if (fn_w - fnl_x <= flb_w - fl_w) {
            fnl_l = flb_w - fl_w;
        } else {
            fnl_l = fn_w - fnl_x;
        }
        $(".InpageNav-list").animate({
            "left": fnl_l
        }, 300);
    }
    var fl_w = $(".InpageNav-list").width();
    var flb_w = $(".InpageNav-left").width();
    $(".InpageNav-list").on('touchstart', function (e) {
        var touch1 = e.originalEvent.targetTouches[0];
        x1 = touch1.pageX;
        y1 = touch1.pageY;
        ty_left = parseInt($(this).css("left"));
    });
    $(".InpageNav-list").on('touchmove', function (e) {
        var touch2 = e.originalEvent.targetTouches[0];
        var x2 = touch2.pageX;
        var y2 = touch2.pageY;
        if (ty_left + x2 - x1 >= 0) {
            $(this).css("left", 0);
        } else if (ty_left + x2 - x1 <= flb_w - fl_w) {
            $(this).css("left", flb_w - fl_w);
        } else {
            $(this).css("left", ty_left + x2 - x1);
        }
        if (Math.abs(y2 - y1) > 0) {
            e.preventDefault();
        }
    });
});