var istouch = modernizr.touch,
    ismobile = false,//区分移动端与pc端
    mobile = false,//区分手机端与平板
    w_width = 0,
    w_height = 0,
    $mtoph = 0,
    st = 0,
    navitem = 0,
    $menubtn = $('.menu-handler'),
    $menubox = $(".menubox");

//移动端事件和pc事件的切换
var _mousemove;
var _click;
var _mousedown;
var _mouseup;
if (modernizr.touch) {
    _mousemove = "touchmove";
    _click = "touchend";
    _mousedown = "touchstart";
    _mouseup = "touchend";
} else {
    _mousemove = "mousemove";
    _click = "click";
    _mousedown = "mousedown";
    _mouseup = "mouseup";
}
;

function pagebox() {
    w_width = $(window).width();
    w_height = $(window).height();
    $mtoph = $('.mtop').height();

    if (w_width <= 1024) {
        ismobile = true;
    } else if (w_width > 1024) {
        ismobile = false;
    }
    ;
    if (w_width <= 640) {
        mobile = true;
    } else if (w_width > 640) {
        mobile = false;
    }
    ;

    if (ismobile) {
        var dannum = 0;
        $('.pnav ul').css('display', 'none');
        $('.pnav').bind('click', function () {
            if (dannum == 1) {
                $(this).removeclass('show');
                $(this).find('ul').stop().fadeout();
                dannum = 0;
            } else {
                $(this).addclass('show');
                $(this).find('ul').stop().fadein();
                dannum = 1;
            }
        });
    } else {
        $('.pnav').removeclass('show');
        $('.pnav ul').css('display', 'block');
        $('.pnav').unbind('click');
    }
    if (ismobile) {
        $('.i1 .transy').addclass('transhow');
        $('.i2 .transxl').addclass('transhow');
        $('.i2 .transxr').addclass('transhow');

        $('.i3 .transy').addclass('transhow');
    } else {
        $('.i1 .transy').removeclass('transhow');
        $('.i2 .transxl').removeclass('transhow');
        $('.i2 .transxr').removeclass('transhow');
        $('.i3 .transy').removeclass('transhow');
    }
};

pagebox();
$(window).resize(function () {
    pagebox();
});
$(function () {

    $menubtn.bind(_click, function () {
        if (navitem == 0) {
            jquery(this).addclass("active");
            $('.header').addclass("active");
            $menubox.show().stop(false, false).animate({top: 0});
            navitem = 1;
        } else {
            $(this).removeclass("active");
            $('.header').removeclass("active");
            $menubox.stop(false, false).animate({top: -100 + "%"}, function () {
                $(this).hide();
            });
            navitem = 0;
        }
        ;
    });
    $('.navmobile dd p a').click(function (e) {
        if ($(this).parent().next('.mtnav').size() >= 1) {
            if (!$(this).hasclass('act')) {
                e.preventdefault();
                $('.navmobile dd p a').removeclass('act');
                $('.mtnav').stop().slideup(300);
                $(this).addclass('act');
                $(this).parent().next('.mtnav').stop().slidedown(300);
            } else {
                $(this).removeclass('act');
                $(this).parent().next('.mtnav').stop().slideup(300);
            }
        }
    });
    function gethash() {
        var hash = location.href.split("#")[1];
        if (hash) {
            settimeout(function () {
                $("html,body").animate({scrolltop: $("#" + hash).offset().top - $mtoph}, 50, 'easeinoutexpo');
            }, 100);
        }
    };
    gethash();
    $('.pnav a').click(function () {
        var phash = $(this).attr('href').split("#")[1];
        if (phash) {
            $("html,body").animate({scrolltop: $("#" + phash).offset().top - $mtoph}, 600, 'easeinoutexpo');
            $('.pnav a').removeclass('act');
            $(this).addclass('act');
        }
    })
    $('.mtnav a').click(function () {
        var mhash = $(this).attr('href').split("#")[1];
        if (mhash) {
            $menubtn.removeclass("active");
            $menubox.stop(false, false).animate({top: -100 + "%"}, function () {
                $(this).hide();
            });
            navitem = 0;
            $("html,body").animate({scrolltop: $("#" + mhash).offset().top - $mtoph}, 600, 'easeinoutexpo');
        }
    });

});