@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@*@using MVCMovie.Models
@model MVCMovie.Models.PageNavigationInfo*@
@{
    int screenWidth = 1280;
}
@*油机页面网页标签*@
    <div id="TanksPage_Bottom" style="position: absolute; top:@(635-65)px;width:@(screenWidth)px; height: 65px;">
        <div id="TanksPage_Bottom_tabs_blank" style="position: relative; float: left; width: 2%; height: 100%;"></div>
        <div id="TanksPage_Bottom_tabs" style="position: relative; float: left; width: 73%; height: 100%;">
        </div>
        <div id="TanksPage_Bottom_pages" style="position: relative; float: left; width: 25%; height: 100%;">

            @{
                var pagePointWidth = 16;
                var currentpageMargintop = (65 - pagePointWidth) / 2;
                var marginRight = 40;
            }
            @for (var p = 1; p < 6; p++)
            {
                var currentPageVisible = (p == 1) ? "visible" : "hidden";
                var pageNotShowedVisible = (p == 1) ? "hidden" : "visible";
                <img id="TanksPage_Bottom_pages_img_@p" src="/images/smartFuel/currentpage.png" style="position:absolute; left:@((pagePointWidth+marginRight)*(p-1))px;margin-top: @(currentpageMargintop)px;visibility: @currentPageVisible;" />
                <img id="TanksPage_Bottom_pages_notshowed_img_@p" src="/images/smartFuel/notshowed.png" style="position:absolute; left:@((pagePointWidth+marginRight)*(p-1))px;margin-top: @(currentpageMargintop)px; visibility:@pageNotShowedVisible;" />
            }
        </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>