$(document).ready(function(){
    //首页搜索效果
    $("#searchbtn").on("click", function(e){
        $("#searchinput").animate({width:"150px"},250);
        $("#search").css("border","1px solid #ccc");
        $("#search").animate({width:"190px"},250);
        var btntime=settimeout(function(){
            console.log(document.getelementbyid("searchbtn").type);
            searchbtn.type="submit";
        },500);
        $(document).one("click", function(){
            $("#searchinput").animate({width:"0"},200);
            $("#search").animate({width:"34px"},200);
            searchbtn.type="button";
            $("#search").css("border","1px solid #fff");
        });
        e.stoppropagation();
    });
    $("#searchinput").on("click", function(e){
        e.stoppropagation();
    });
    // 二级分类显示隐藏方法 tilclass:有二级菜单的一级li的class/id number:执行mouseover 1/click 2
    //sonliheight:每个子li的高 sonulboxheight:子ul的padding/margin/border
    function childul(tilclass,number,sonliheight,sonulboxheight){
        // 导航二级分类
        // 获取有二级ul的li标签
        var navli = $(tilclass),i,len;
        var flag = true;
        // var event = event || window.event;
        //遍历li标签在鼠标事件添加效果
        if(number === 1){
            for(i = 0,len = navli.length;i<len;i++){
                navli[i].onmouseenter = function(event){
                    //event=event||window.event 加在这里
                    event = event|| window.event;
                    var thisul = $(event.target).children("ul");
                    var thisli = thisul.children("li");
                    var thisulwidth = thisli.length*sonliheight + sonulboxheight;
                    thisul.css("display","block");
                    //解决重复大量执行动画造成崩溃 .stop()
                    thisul.stop().animate({height:thisulwidth+"px"},300);
                };
                navli[i].onmouseleave = function(){
                    var thisul = $(this).children("ul");
                    thisul.stop().animate({"height":"0px"},250,function(){
                        thisul.css("display","none");
                    });
                };
            }
        }else if(number === 2) {
            for (i = 0, len = navli.length; i < len; i++) {
                navli[i].onclick = function (event) {
                    if (flag) {
                        //event=event||window.event 加在这里
                        event = event || window.event;
                        var thisul = $(event.target).children("ul");
                        var thisli = thisul.children("li");
                        var thisulwidth = thisli.length * sonliheight + sonulboxheight;
                        thisul.css("display", "block");
                        //解决重复大量执行动画造成崩溃 .stop()
                        thisul.stop().animate({height: thisulwidth + "px"}, 200);
                        flag = false;
                    } else {
                        thisul = $(this).children("ul");
                        thisul.stop().animate({"height": "0px"}, 250, function () {
                            thisul.css("display", "none");
                        });
                        flag = true;
                    }
                };
            }
        }else if(number === 3){
            for (i = 0, len = navli.length; i < len; i++) {
                navli[i].onclick = function (event) {
                    if (flag) {
                        //event=event||window.event 加在这里
                        event = event || window.event;
                        var thisul = $(event.target).parent().children("ul");
                        var thisli = thisul.children("li");
                        var thisulwidth = thisli.length * sonliheight + sonulboxheight;
                        thisul.css("display", "block");
                        //解决重复大量执行动画造成崩溃 .stop()
                        thisul.stop().animate({height: thisulwidth + "px"}, 200);
                        flag = false;
                    } else {
                        thisul = $(this).children("ul");
                        thisul.stop().animate({"height": "0px"}, 250, function () {
                            thisul.css("display", "none");
                        });
                        flag = true;
                    }
                };
            }
        }
    }
    //左右等高
    var eleheight = function(eleclassname){
        //创建一个数组
        var arr = [];
        //获取元素集合
        var footerps = document.getelementsbyclassname(eleclassname);
        //遍历元素，把元素的高度都上传到集合中  ...可以用each()??
        for (var i = 0, len = footerps.length; i < len; i++) {
            arr.push(footerps[i].offsetheight);
        }
        //获取最大值 apply()
        var max = math.max.apply(null,arr);
        //把高度赋值给所有元素
        for(var k=0;k<footerps.length;k++){
            footerps[k].style.height = max + "px";
        }
    };
    //导航条响应式方法  headerbtn:宽度小于时按钮的id  mynav:导航条的id
    function navtab(headerbtn,mynav,thisliheight) {
        //计算导航条高度
        var lis = $(mynav).children("li");
        var mynavheight = lis.length * thisliheight;
        //隐藏导航条方法
        function thishide() {
            $(mynav).hide()
        }
        //首页手机端点击显示导航列表
        $(headerbtn).click(function () {
            //获取导航条的display显示属性
            var navdis = $(mynav).css("display");
            //根据值判断点击显示隐藏
            if (navdis === "none") {
                //设置高度为0以显示动画
                $(mynav).css("height", "0px");
                $(mynav).show();
                $(mynav).animate({"height": mynavheight + "px"}, 300);
            } else if (navdis === "block") {
                //绑定完成动画时函数，以隐藏导航条
                $(mynav).animate({"height": "0px"}, 250, thishide);
            }
        });
    }
    //首页导航二级菜单
	if(document.body.clientwidth >= 750){
		childul(".sonul",1,30,10);
		childul(".productul",1,35,0);
	}
    childul(".appsul",3,35,0);
    //首页底部导航动画
    if(document.body.clientwidth < 750){
        childul(".footerul",2,26,0);
        childul(".productul",3,35,0);
    }
    //首页等高
    if(document.body.clientwidth >750 ) {
        // //改变页面宽度自动刷新页面
        // $(window).resize(function(){
        //     location.reload();
        // });
            eleheight("ele");
    }
    //导航条
    navtab("#headerbtn","#nav",35);
	if(document.body.clientwidth >= 750){
		$(".toggle").on("mouseover",function(){
			$(this).children("ul").stop().show(250);
		});
		$(".toggle").on("mouseout",function(){
			$(this).children("ul").stop().hide(200);
		});
	}else if(document.body.clientwidth < 750){
		$(".toggle").on("click",function(){
			$(this).next("ul").stop().slidetoggle(200);
		});
	}
});