var urlarr = JSON.parse(sessionStorage.getItem("threemenulist"));
console.log(urlarr)
var _html = '';
for(var i=0;i<urlarr.length;i++){
    if(i==0){
        _html  += '<li data-url="'+urlarr[i].url+'" id="button-'+urlarr[i].url+'" class="ITD-topbar-clickactive"><a href="#/'+urlarr[i].url+'"><div >'+urlarr[i].name+'</div></a></li>'
    }else{
        _html  += '<li data-url="'+urlarr[i].url+'" id="button-'+urlarr[i].url+'" ><a href="#/'+urlarr[i].url+'"><div >'+urlarr[i].name+'</div></a></li>'
    }
}
$('#button-btn').html(_html);
function Router(){
    this.routes = {};
    this.curUrl = '';

    this.route = function(path, callback){
        this.routes[path] = callback || function(){};
    };

    this.refresh = function(){
        this.curUrl = location.hash.slice(1) || '/'+urlarr[0].url;
        console.log(this.curUrl)
        this.routes[this.curUrl]();
    };

    this.init = function(){
        window.addEventListener('load', this.refresh.bind(this), false);
        window.addEventListener('hashchange', this.refresh.bind(this), false);
    }
}
var R = new Router();
R.init();
var res = $('#main-con');
R.route('/guidemonitoring', function() {
    $("#pageCssLink").attr("href",'../../assets/pages/scripts/operMonFile/guideMon/guidemonitoring.css');
    res.load('../../assets/pages/scripts/operMonFile/guideMon/guidemonitoring.html');
    $('.opermonitoring-menu li').removeClass('menu-active');
    $('#button-guidemonitoring').addClass('menu-active');
});
R.route('/parkingmonitoring', function() {
    $("#pageCssLink").attr("href",'../../assets/pages/scripts/operMonFile/parkingMon/parkingmonitoring.css');
    res.load('../../assets/pages/scripts/operMonFile/parkingMon/parkingmonitoring.html');
    $('.opermonitoring-menu li').removeClass('menu-active');
    $('#button-parkingmonitoring').addClass('menu-active');

});
R.route('/pdamonitoring', function() {
    $("#pageCssLink").attr("href",'../../assets/pages/scripts/operMonFile/pdaMon/pdamonitoring.css');
    res.load('../../assets/pages/scripts/operMonFile/pdaMon/pdamonitoring.html');
    $('.opermonitoring-menu li').removeClass('menu-active');
    $('#button-pdamonitoring').addClass('menu-active');

});

//分页
// JavaScript Document

function pageGroup(pageNum,pageCount){
    switch(pageNum){
        case 1:
            page_icon(1,5,0);
            break;
        case 2:
            page_icon(1,5,1);
            break;
        case pageCount-1:
            page_icon(pageCount-4,pageCount,3);
            break;
        case pageCount:
            page_icon(pageCount-4,pageCount,4);
            break;
        default:
            page_icon(pageNum-2,pageNum+2,2);
            break;
    }
}


function page_icon(page,count,eq){
    var ul_html = "";
    for(var i=page; i<=count; i++){
        ul_html += "<li>"+i+"</li>";
    }
    $("#pageGro ul").html(ul_html);
    $("#pageGro ul li").eq(eq).addClass("on");
}


function pageUp(pageNum,pageCount){
    switch(pageNum){
        case 1:
            break;
        case 2:
            page_icon(1,5,0);
            break;
        case pageCount-1:
            page_icon(pageCount-4,pageCount,2);
            break;
        case pageCount:
            page_icon(pageCount-4,pageCount,3);
            break;
        default:
            page_icon(pageNum-2,pageNum+2,1);
            break;
    }
}


function pageDown(pageNum,pageCount){
    switch(pageNum){
        case 1:
            page_icon(1,5,1);
            break;
        case 2:
            page_icon(1,5,2);
            break;
        case pageCount-1:
            page_icon(pageCount-4,pageCount,4);
            break;
        case pageCount:
            break;
        default:
            page_icon(pageNum-2,pageNum+2,3);
            break;
    }
}


function pageDown_click(pageCount,pageNum,index){
    if(pageCount > 5){
        pageDown(pageNum,pageCount);
    }else{
        var index = $("#pageGro ul li.on").index();//鑾峰彇褰撳墠椤�
        if(index+1 < pageCount){
            $("#pageGro li").removeClass("on");//娓呴櫎鎵€鏈夐€変腑
            $("#pageGro ul li").eq(index+1).addClass("on");//閫変腑涓婁竴椤�
        }
    }
    isPage(pageNum+1,pageCount);
}


function pageUp_click(pageCount,pageNum,index){
    if(pageCount > 5){
        pageUp(pageNum,pageCount);
    }else{
        var index = $("#pageGro ul li.on").index();//鑾峰彇褰撳墠椤�
        if(index > 0){
            $("#pageGro li").removeClass("on");//娓呴櫎鎵€鏈夐€変腑
            $("#pageGro ul li").eq(index-1).addClass("on");//閫変腑涓婁竴椤�
        }
    }+

        isPage(pageNum-1,pageCount);
}


function num_click(pageCount,pageNum,selector){
    if(pageCount > 5){
        pageGroup(pageNum,pageCount);
    }else{
        selector.addClass("on");
        selector.siblings("li").removeClass("on");
    }
    isPage(pageNum,pageCount);
}


function icon_load(pageCount){
    if(pageCount>5){
        page_icon(1,5,0);
    }else{
        page_icon(1,pageCount,0);
    }
    isPage(1,pageCount);
}

function isPage(pageNum,pageCount){
    if(pageNum >= pageCount){
        $('#pageGro .pageDown').hide();
    }else{
        $('#pageGro .pageDown').show();
    }
    if(pageNum <= 1){
        $('#pageGro .pageUp').hide();
    }else{
        $('#pageGro .pageUp').show();
    }
}
//搜索按钮“取消”
$(document).on('click',".cancelBtn", function () {
    $(this).css("display", "none");
    $('.ser-inp-effect').css("display", "none");
    $(".ser-input").val("");
});