$(function () {
    $("header").height($(window).height());
    $("header nav ul").append('<li class="bg"></li>');
    dockevent();
    $(window).bind("resize",
    function (e) {
        $("header").height($(window).height());
        var w = $(window).width() - 150;
        if (!$(".toolbar .switch").hasclass("glyphicon-th-list")) w = w - $("header").outerwidth();
        if (w < 1000) $("section.content .demo").width(w).find("img").addclass("img-responsive");
        else $("section.content .demo").width(1000).find("img").removeclass("img-responsive");
        setartlist();
        setartshow();
        setcaselist();
        setcaseshow()
    });
    var url = document.location.href.tolowercase();
    $("header nav ul li a:gt(0)").each(function (i, item) {
        if (url.indexof($(item).attr("href").tolowercase()) > 0)
            $(item).parent().addclass("active");
    });
    if ($("header nav ul li.active").length == 0) {
        $("header nav ul li:eq(0)").addclass("active");
    }
    $("header nav ul li").not(".bg").bind("mouseenter", function (e) {
        $(this).parent().find("a").css("color", "#333");
        $(this).find("a").css("color", "white");
        $("header nav ul li.bg").css("top", $(this).position().top)
    });
    $("header nav ul").bind("mouseleave", function () {
        $("header nav ul li.active").trigger("mouseenter").find("a").css("color", "white")
    }).trigger("mouseleave");


    $(".toolbar .switch").bind("touchstart click", function (e) {
        if ($(this).hasclass("glyphicon-th-list")) {
            $("header, .toolbar, section.content").addclass("active");
            $(this).removeclass("glyphicon-th-list");
            $(this).addclass("glyphicon-chevron-left")
        } else {
            $("header, .toolbar, section.content").removeclass("active");
            $(this).removeclass("glyphicon-chevron-left");
            $(this).addclass("glyphicon-th-list")
        }
        setartlist();
        setartshow();
        setcaselist();
        setcaseshow();
    }).trigger("click");

    $(".toolbar .switch").after("<div class='logo'><a href='#'><img src='" + $("header .box>a img").attr("src") + "' class='img-responsive' /></a></div>");

    $(".toolbar .category").each(function (i, item) {
        if ($(item).find("a.btn-primary").length == 0) $(item).find("a:eq(0)").addclass("btn-primary")
    });
    if ($(".toolbar .category").size() > 0) {
        var strhtml = "<div class='btn-group mini'>";
        strhtml += "<button class='btn btn-default dropdown-toggle' data-toggle='dropdown'>" + $(".toolbar .category a.btn-primary").html() + " <span class='caret'></span></button>";
        strhtml += "<ul class='dropdown-menu dropdown-menu-right'>";
        $(".toolbar .category a").each(function (i, item) {
            strhtml += "<li><a href='" + $(this).attr("href") + "'>" + $(this).html() + "</a></li>"
        });
        strhtml += "</ul>";
        strhtml += "</div>";
        $(".toolbar").append(strhtml)
    }
    $(".toolbar .btnlist .btn").each(function (i, item) {
        if ($(item).attr("href").indexof("javascript:") == 0) $(item).addclass("disabled")
    });
    if ($(".toolbar .btnlist").size() > 0) {
        var strhtml = "<div class='mini'>";
        strhtml += $(".toolbar .btnlist").html();
        strhtml += "</div>";
        $(".toolbar").append(strhtml);
        $(".toolbar .mini a.btn").eq(0).html("<span class='glyphicon glyphicon-th-list'></span>");
        $(".toolbar .mini a.btn").eq(1).html("<span class='glyphicon glyphicon-arrow-left'></span>");
        $(".toolbar .mini a.btn").eq(2).html("<span class='glyphicon glyphicon-arrow-right'></span>")
    }

    $("section.content .words p").each(function (i, item) {
        if ($(item).css("text-align") == "center") $(item).css("text-align", "").attr("align", "center")
    });
    $("section.content .words img").each(function (i, item) {
        if ($(item).attr("border") == "1") $(item).css("border", "1px solid #ccc")
    });
    $(".caselist .items li a").prepend('<div class="shade"><u></u></div>').append('<div class="bg"><u></u></div>');
    $(".caselist .items li img, .artshow .words img").addclass("img-responsive");
    if ($("header").outerwidth() == 0) {
        $(".paging").css("margin-left", parseint(($(window).width() - $(".qzpagination").width()) / 2))
    } 
});
function setartlist() {
    if ($("section.artlist").size() == 0) return;
    var headerwidth = $("header").outerwidth();
    var switchbtn = $(".toolbar .switch");
    if (switchbtn.css("display") == "none" || switchbtn.hasclass("glyphicon-th-list")) headerwidth = 0;
    var leftwidth = $(".artlist ul.items li p.left").outerwidth();
    var ulmarginleft = $(".artlist ul.items").css("margin-left").replace("px", "");
    var dockwidth = 100;
    if ($(".artlist ul.items li p.left").css("display") == "none") dockwidth = 0;
    else if ($(".dock").css("display") == "none") dockwidth = 30;
    $(".artlist ul.items li p.right").width($(window).width() - headerwidth - ulmarginleft - leftwidth - dockwidth)
}
function setartshow() {
    if ($("section.artshow").size() == 0) return;
    var headerwidth = $("header").outerwidth();
    var switchbtn = $(".toolbar .switch");
    if (switchbtn.css("display") == "none" || switchbtn.hasclass("glyphicon-th-list")) headerwidth = 0;
    var asideright = 0;
    var boxmarginleft = $(".artshow .box").css("margin-left").replace("px", "");
    if ($(".artshow aside").width() > 0) {
        asideright = 75;
        boxmarginleft = boxmarginleft * 2
    }
    $(".artshow .box").width($(window).width() - headerwidth - boxmarginleft - $(".artshow aside").outerwidth() - asideright);
    var asidetop = parseint(($(window).height() - $(".artshow aside").outerheight()) / 2);
    $(".artshow aside").css("top", asidetop).addclass("active")
}
function setcaselist() {
    if ($("section.caselist").size() == 0) return;
    var headerwidth = $("header").outerwidth();
    var switchbtn = $(".toolbar .switch");
    if (switchbtn.css("display") == "none" || switchbtn.hasclass("glyphicon-th-list")) headerwidth = 0;
    $("section.caselist").width($(window).width() - headerwidth);
}
function setcaseshow() {
    if ($("section.caseshow").size() == 0) return;
    var headerwidth = $("header").outerwidth();
    var switchbtn = $(".toolbar .switch");
    if (switchbtn.css("display") == "none" || switchbtn.hasclass("glyphicon-th-list")) headerwidth = 0;
    var w = $(window).width() - headerwidth;
    var offset = 200;
    if ($(".dock").css("display") == "none") offset = 100;
    $(".caseshow").width(w);
    if (w - offset < 1000) $(".caseshow .demo").width(w - offset).find("img").addclass("img-responsive")
}
function dockevent() {
    $(".dock").height($(".dock ul.icons li").length * 55 - 5);
    $(".dock ul.icons li i").bind("touchstart mouseenter click", 
    function() {
        $(".dock ul.icons li").removeclass("active");
        $(this).parent().addclass("active")
    });
    $(".dock ul.icons li").bind("mouseleave", 
    function() {
        $(".dock ul.icons li").removeclass("active")
    });
    $(".dock ul.icons li.up i").bind("touchstart click", 
    function() {
        $("html,body").animate({
            scrolltop: 0
        },
        500)
    })
}