<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page session="false" %>
<!doctype html>
<html lang="ko">
<head>

    <link rel="stylesheet" type="text/css" href="${contextRoot }/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${contextRoot }/css/main.css"/>
    <link rel="stylesheet" href="${contextRoot }/css/themes/default/style.css"/>

    <%@ include file="/WEB-INF/jsp/common.jsp" %>

</head>
<body class="sang">
<div class="bottomMenu" id="bottomMenu">
    <div class="networkType">
        <!-- <a href="javascript:showOnlineList()" title="유선"><img src="/images/online_on.png" id="onlineToggle" alt="" /></a> -->
        <!-- <a href="javascript:showOfflineList()" title="무선"><img src="/images/offline_on.png" id="offlineToggle" alt="" /></a> -->
    </div>
    <!-- <div class="bottomHead" id="bottomHead">
        <table id="bottomHeadTable">
            <thead>
                <tr>
                    <th style="width:4%">센터명</th>
                    <th style="width:5%">그룹번호</th>
                    <th style="width:5%">제어기번호</th>
                    <th style="width:12%">교차로명</th>
                    <th style="width:8%">수집일시</th>
                    <th style="width:5%">통신여부</th>
                    <th style="width:8%">운영모드</th>
                    <th style="width:6%">시차제모드</th>
                    <th style="width:6%">A링 현시값</th>
                    <th style="width:6%">B링 현시값</th>
                    <th style="width:4%">소등</th>
                    <th style="width:4%">점멸</th>
                    <th style="width:4%">수동</th>
                    <th style="width:7%">주기카운트(초)</th>
                    <th style="width:5%">주기(초)</th>
                    <th style="width:5%">맵번호</th>
                    <th style="width:6%">PPC제어</th>
                </tr>
            </thead>
        </table>
        <span style="width:20px"></span>
    </div>
    <div class="bottomBody" id="bottomBody">
        <table id="bottomBodyTable">
            <tbody id="bottomInfo"></tbody>
        </table>
    </div> -->
    <div class="bottomHead" id="cvibBottomHead">
        <table id="cvbiBottomHeadTable">
            <thead>
            <tr>
                <th style="width:5%">센터명</th>
                <th style="width:15%">제어기번호</th>
                <th style="width:15%">교차로명</th>
                <!-- <th style="width:10%">수집일시</th> -->
                <th style="width:3%">전이</th>
                <th style="width:3%">감응</th>
                <th style="width:3%">소등</th>
                <th style="width:3%">점멸</th>
                <th style="width:3%">수동</th>
                <!-- 						<th style="width:7%">BUS이상</th>
                                        <th style="width:7%">DB이상</th> -->
                <th style="width:7%">SCU통신이상</th>
                <th style="width:7%">센터통신이상</th>
                <th style="width:7%">모순이상</th>
                <th style="width:7%">주기카운터</th>
                <th style="width:10%">교차로시각</th>
            </tr>
            </thead>
        </table>
        <span style="width:20px"></span>
    </div>
    <div class="bottomBody" id="cvibBottomBody">
        <table id="cvibBottomBodyTable">
            <tbody id="cvibBottomInfo"></tbody>
        </table>
    </div>
</div>
<script src="${contextRoot }/js/common/hashmap.js" type="text/javascript"></script>
<script src="${contextRoot }/js/common/common-all.js" type="text/javascript"></script>
<script src="${contextRoot }/js/common/common.js" type="text/javascript"></script>

<script type="text/javascript">

    function goPanToInt(intNm, lng, lat) {
        if (parent._Level > 3) parent.map.setLevel(1);
        parent.map.panTo(new parent.kakao.maps.LatLng(lat, lng));

        setTimeout(
            function () {
                parent.getSignalInfo();
                parent.customOverlayFnc(intNm, lng, lat);
            }, 100 * 2
        );
    }

    /* function showOnlineList() {
        $('#onlineToggle').attr('src','/images/online_on.png');
        $('#offlineToggle').attr('src','/images/offline_off.png');
        $('#cvibBottomHead').hide();
        $('#cvibBottomBody').hide();
        $('#bottomHead').show();
        $('#bottomBody').show();
    } */

    function showOfflineList() {
        $('#offlineToggle').attr('src', '/images/offline_on.png');
        $('#onlineToggle').attr('src', '/images/online_off.png');
        $('#bottomHead').hide();
        $('#bottomBody').hide();
        $('#cvibBottomHead').show();
        $('#cvibBottomBody').show();
    }
</script>
</body>
</html>
