@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@*油机页面网页标签*@
<div id="PumpsPage_Bottom" style="position: absolute; top:88.516%;width:100%; height: 11.484%;">
    <div id="PumpsPage_Bottom_tabs_blank" style="position: relative; float: left; width: 2%; height: 100%;"></div>
    <div id="PumpsPage_Bottom_tabs" style="position: relative; float: left; width: 73%; height: 100%;">
        <img id="PumpsPage_Bottom_tab_nozzle" src="~/images/onlineMonitor/footer/pagTab.png" style="position: absolute;left: 1.07%; top: 23.077%; width: 14.983%; height: 56.923%;" />
        <div id="PumpsPage_Bottom_tab_nozzle_text" style="position: absolute; left: 2.14%; top: 23.077%; width: 13.913%; height:56.923%; display: table-cell;text-align: center; color:white; font-size: 1.8rem;">
            油枪查看
        </div>
        <img id="PumpsPage_Bottom_pages_img_previous_page" onclick="ShowPreviousPage()" src="images/smartFuel/prePage.png" style="position: absolute; right: 2%; top: 14.615%; width: 4.816%; height: 70.769%;visibility: visible;" />
    </div>
    <div id="PumpsPage_Bottom_pages" style="position: relative; float: left; width: 25%; height: 100%;">
        @{
            var pagePointWidth = 5;//5;//16;
            var currentpageMargintop = 37.692;//37.692;//(65 - pagePointWidth) / 2;//37.692
            var marginRight = 12.5;//12.5;//40;
        }
        @for (var p = 1; p < 6; p++)
        {
            //var currentPageVisible = (p == 1) ? "visible" : "hidden";
            //var pageNotShowedVisible = (p == 1) ? "hidden" : "visible";
            var currentPageVisible = "visible";
            var pageNotShowedVisible = "visible";
            <img id="PumpsPage_Bottom_pages_img_@p" src="/images/smartFuel/currentpage.png" style="position:absolute; left: @((pagePointWidth+marginRight)*(p-1))%;top:@(currentpageMargintop)%; width: @(pagePointWidth)%; height: 24.615%;visibility: @currentPageVisible;" />
            <img id="PumpsPage_Bottom_pages_notshowed_img_@p" src="/images/smartFuel/notshowed.png" style="position:absolute; left: @((pagePointWidth+marginRight)*(p-1))%; top:@(currentpageMargintop)%; width: @(pagePointWidth)%; height: 24.615%;visibility:@pageNotShowedVisible;" />
        }
        <img id="PumpsPage_Bottom_pages_img_next_page" onclick="ShowNextPage()" src="/images/smartFuel/nextPage.png" style="position: absolute; right:3%;top: 14.615%; width: 14.063%;height: 70.769%;visibility:visible;" />
    </div>
    @*<div id="previousPage" onclick="ShowPreviousPage()" style="position: absolute; width: 75%; height: 100%; left: 0px; top: 0px;"></div>
        <div id="nextPage" onclick="ShowNextPage()" style="position: absolute; width: 25%; height: 100%; left:75%; top: 0px;"></div>*@
</div>
<script>
    @*var imgChart = document.getElementById("PumpsPage_Bottom_tab_tables");
    var imgUpload = document.getElementById("PumpsPage_Bottom_tab_upload");
    if ((imgChart!=null &&imgChart.style.visibility==="visible")||(imgUpload!=null && imgUpload.style.visibility==="visible")) {
        var pagesDiv = document.getElementById("PumpsPage_Bottom_pages");
        if (pagesDiv != null) {
            pagesDiv.style.visibility = "hidden";
            pagesDiv.style.display = "none";
        }
    }
    function TabClicked(tabId) {
        //var tab = document.getElementById(tabId);
        //tab.innerHTML = "Clicked";
        if (tabId === "PumpsPage_Bottom_tab_tables_text")
            document.location = '@Url.Action("Index","OnlineMonitor",new{tab="ChartView"})';
        else if (tabId === "PumpsPage_Bottom_tab_nozzle_text")
            document.location = '@Url.Action("Index","OnlineMonitor",new{tab="NozzleView"})';
        else if (tabId === "PumpsPage_Bottom_tab_upload_text")
            document.location = '@Url.Action("Index","OnlineMonitor",new{tab="UploadView"})';
        else
            document.location = '@Url.Action("Index","OnlineMonitor")';

    }*@
</script>