/// <reference path="~/js/jquery.js" />
$(function () {
    //$(".monthnum ul").bxslider({
    //    auto: false,
    //    pager: false,
    //    slidewidth: 142,
    //    slidemargin: 0,
    //    moveslides: 1,
    //    controls: true,
    //    maxslides: 8,
    //    minslides: 2,
    //    infiniteloop: false,
    //    other: false

    //});
    $(".monthnum ul li").click(function () {
        $(this).addclass("cur").siblings().removeclass("cur");
        numcount = $(this).index();
        var url = $(this).data("src");
        $.ajax({
            type: "get",
            url: url,
            success: function (msg) {
                $("#develop_box").html(msg);
                $('.monthbg_02').find('div').removeclass('cur');
                if ($(window).width() > 768) {
                    // $('.monthbg_02 li').each(function(){

                    //     if($(this).find('.monthbg').position().left>320){

                    //         console.log($(this).find('.monthbg').length);

                    //         $(this).find('.monthbg').addclass('cur');

                    //         //$('.monthbg').addclass('cur')
                    //     }else{
                    //         return false;
                    //     };
                    // });
                    settimeout(function () {
                        $(".monthbg_02 li").each(function () {
                            console.log($(this).find('.monthbg').position().left);
                            if ($(this).position().left > 1) {
                                $(this).find(".monthbg").addclass("cur");
                            }
                        })
                    }, 50)


                }


            }
        });
        $('#develop_box').fadein();
    })
    $(".monthnum ul li").eq(0).click();
})
var numcount = 0;
$(function () {

    var cl = $('.monthnum ul li').length - 1;

    $(document).on("click", ".bx-next", function () {
        numcount++;
        if (numcount >= cl) { numcount = cl; }
        var _text = $(".monthnum ul li").eq(numcount).find('a').text();
        $(".monthnum ul li").eq(numcount).addclass("cur").siblings().removeclass('cur');
        $('h2.font-48').text(_text);

        var url = $(".monthnum ul li").eq(numcount).data("src");
        if (!$('.bx-viewport li:last').hasclass('cur')) {
            $.ajax({
                type: "get",
                url: url,
                success: function (msg) {
                    $("#develop_box").html(msg);
                    $('.monthbg_02').find('div').removeclass('cur');
                    settimeout(function () {
                        $(".monthbg_02 li").each(function () {
                            if ($(this).position().left > 1) {
                                $(this).find(".monthbg").addclass("cur");
                            }
                        })
                    }, 50)
                }
            });
        }

    })
    $(document).on("click", ".bx-prev", function () {
        numcount--;
        if (numcount <= 0) { numcount = 0; }
        var _prev = $(".monthnum ul li").eq(numcount).find('a').text();
        $(".monthnum ul li").eq(numcount).addclass("cur").siblings().removeclass('cur');
        $('h2.font-48').text(_prev);
        var url = $(".monthnum ul li").eq(numcount).data("src");
        if (!$('.bx-viewport li:first').hasclass('cur')) {
            $.ajax({
                type: "get",
                url: url,
                success: function (msg) {
                    $("#develop_box").html(msg);
                    $('.monthbg_02').find('div').removeclass('cur');
                    settimeout(function () {
                        $(".monthbg_02 li").each(function () {
                            if ($(this).position().left > 1) {
                                $(this).find(".monthbg").addclass("cur");
                            }
                        })
                    }, 50)
                }
            });
        }
    })
    $(document).on("click", ".bx-wrapper>.bx-viewport>ul>li>a", function () {
        $('h2.font-48').text($(this).text());
    })
})