$(function () {

	//导航栏hover与点击效果，第一级菜单，写在span中
    $('.nav > ul >li').mouseenter(function() {
        $(this).children('div.userchildren').stop(true).slidedown(300);
        $(this).children('span').addclass('change-icon');
    }).mouseleave(function() {
        $(this).children('div.userchildren').stop(true).slideup(300);
        $(this).children('span').removeclass('change-icon');
    }).click(function () {
        $(this).children('span').addclass('current');
        $(this).siblings().children('a').removeclass('current');
    });

  //hover的时候出现边框动画
    var ul_width = $('div.userchildren ul').width();
    var li_width = $('div.userchildren ul li').width();
    var a_width = $('div.userchildren ul li a').width();

    //console.log("ul_width = " + ul_width);
    //console.log("li_width = " + li_width);
    //console.log("a_width = " + a_width);

    li_width = ul_width * li_width * 0.01;
    a_width = li_width * a_width * 0.01;

    //console.log("li_width = " + li_width);
    //console.log("a_width = " + a_width);

    var left = (li_width - a_width) / 2;
    //console.log("left = " + left);
    $('div.userchildren ul.addtext li .arrow-left').css("left", left + "px");
    $('div.userchildren ul.addtext li .arrow-bottom').css("left", left + "px");

    var right = left;
    $('div.userchildren ul.addtext li .arrow-right').css("right", right + "px");
    $('div.userchildren ul.addtext li .arrow-top').css("right", right + "px");

    var a_marginbottom = $('div.userchildren ul li a').css('marginbottom');
    var bottom = a_marginbottom;
    $('div.userchildren ul.addtext li .arrow-left').css("bottom", bottom);
    $('div.userchildren ul.addtext li .arrow-bottom').css("bottom", bottom);

    var lanren_width = a_width;
    //console.log("lanren_width = " + lanren_width);

    var lanren_height = 51;

    $('body').on('mouseenter','div.userchildren ul.addtext li a',function(){
        $(this).siblings('.arrow-left,.arrow-right').stop().animate({height: lanren_height + 'px'}, 400);
        $(this).siblings('.arrow-top,.arrow-bottom').stop().animate({width: lanren_width + 'px'}, 400);
    }).on('mouseleave','div.userchildren ul li a',function(){
        $(this).siblings('.arrow-left,.arrow-right').stop().animate({height: '0'}, 400);
        $(this).siblings('.arrow-top,.arrow-bottom').stop().animate({width: '0'}, 400);
    })
});