$(function(){
    $(".find_nav_list").css("left",localstorage.left+"px");
    $(".find_nav_list li").each(function(){
        if($(this).find("a").text()==localstorage.pagecount){
            $(".sideline").css({left:$(this).position().left});
            $(".sideline").css({width:$(this).outerwidth()});
            $(this).addclass("find_nav_cur").siblings().removeclass("find_nav_cur");
            navname(localstorage.pagecount);
            return false
        }
        else{
            $(".sideline").css({left:0});
            $(".find_nav_list li").eq(0).addclass("find_nav_cur").siblings().removeclass("find_nav_cur");
        }
    });
    var nav_w=$(".find_nav_list li").first().width();
    $(".sideline").width(nav_w);
    $(".find_nav_list li").on('click', function(){
        nav_w=$(this).width();
        $(".sideline").stop(true);
        $(".sideline").animate({left:$(this).position().left},300);
        $(".sideline").animate({width:nav_w});
        $(this).addclass("find_nav_cur").siblings().removeclass("find_nav_cur");
        var fn_w = ($(".find_nav").width() - nav_w) / 2;
        var fnl_l;
        var fnl_x = parseint($(this).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;
        }
        $(".find_nav_list").animate({
            "left" : fnl_l
        }, 300);
        localstorage.left=fnl_l;
        var c_nav=$(this).find("a").text();
        navname(c_nav);
    });
    var fl_w=$(".find_nav_list").width();
    var flb_w=$(".find_nav_left").width();
    $(".find_nav_list").on('touchstart', function (e) {
        var touch1 = e.originalevent.targettouches[0];
        x1 = touch1.pagex;
        y1 = touch1.pagey;
        ty_left = parseint($(this).css("left"));
    });
    $(".find_nav_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();
        }
    });
});