<%@ Page Language="VB" MasterPageFile="~/Home.master" AutoEventWireup="false" CodeFile="FWCheck.aspx.vb" Inherits="FirmwareUpgrade_Check" title="Untitled Page" %>
<%@ Register Src="../Controls/CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<%@ Register Src="../Controls/searchSupport.ascx" TagName="SearchSupport" TagPrefix="uc" %>
<%@ Register Src="../Controls/BrowseSupport.ascx" TagName="BrowseSupport" TagPrefix="uc" %>
<%@ Register Src="../Controls/ContactUsASA.ascx" TagName="ContactUsASA" TagPrefix="uc" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderForStyleSheet" Runat="Server">
    <link id="LinkContentStyleSheet3" href="../css/charter_support_2.css" rel="stylesheet" type="text/css"  runat="server"/>
    <link id="Link5" href="../css/charter_myaccount.css" rel="stylesheet" type="text/css" />
    <link id="LinkContentStyleSheet4" href="../styles/charterNew.css" rel="stylesheet" type="text/css"  runat="server"/>

<style type="text/css">
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;
}

a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;
}

.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderHome" Runat="Server">
    <br class="clear" />
    <div id="supportOverviewCont" class="leftColCont complexCorners" style="width:960px;">
        <!-- HEADER:BEGIN -->
        <div id="topheader">
            <div style="width: 900px;">
                <img class="icon" alt="" src="/CMS_IMAGES/icon_hero_support.ccom" />
                <div style="position:relative; top:-30px; left:45px; width:92%; background:none; border:none;">
                    <span style="width: 900px;font-size: 24px;font-weight:700;">Charter WiFi Netgear WNDR3800 Firmware Upgrade</span>
                </div>
            </div>
        </div>

        <!-- HEADER:END -->

        <div class="content">
            <!-- START FORM -->
            <div class="innerBoxLeft">
                <div style="font-size:14px; margin-top:11px; margin-left:10px; font-weight:bold;">
                    Check for firmware updates for customer device.
                </div>
                <div style="width:500px;">
                    <p>To check if you qualify for a firmware update on your Internet Router enter your account phone number or account number or your router MAC address and your 5 digit service address zip code and then click the blue button.</p>
                </div>
                <span id="ContentPlaceHolderHome_ucLogin_spnrequired"><font color="red">&nbsp;&nbsp;&nbsp;*Required Fields</font></span>
            <div>

            <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 0px; width:400px;margin-left: 10px;">
            <tr>
                <td style="padding-bottom:20px;" colspan="5" >
                    <asp:Label ID="lblError" ForeColor="Red" runat="server" Visible="false"></asp:Label>
                </td>
            </tr>

            <tr>
                <td nowrap="nowrap" style="text-align: right">
                    <font color="red">*</font>
                    <strong>Phone#</strong>&nbsp;
                </td>
                <td colspan="4">
                    <asp:TextBox ID="phoneNumber" runat="server" MaxLength="16" TabIndex="11000" Style="padding-left: 1px" Width="100" />
                </td>
            </tr>
            <tr>
                <td nowrap="nowrap" style="text-align: right" valign="top">
                    &nbsp;
                </td>
                <td style=" line-height:30px;" colspan="4">
                    OR
                </td>
            </tr>

            <tr>
                <td nowrap="nowrap" style="text-align: right" valign="top">
                    <font color="red">*</font><strong>Account #</strong>&nbsp;
                </td>
                <td colspan="4">
                    <asp:TextBox ID="accountNumber" runat="server" MaxLength="16" TabIndex="11000" Style="padding-left: 1px" Width="100" />
&nbsp;&nbsp;&nbsp;
<a href="#" class="tooltip">
Where can I find this?
<span style="width:200px;">
    Your account number is found on upper<br />
    left hand corner of your billing statement.
</span>
</a>
                </td>
            </tr>


            <tr>
                <td nowrap="nowrap" style="text-align: center" >
                    &nbsp;
                </td>
                <td style=" line-height:30px;" colspan="4">
                    AND
                </td>
            </tr>

            <tr>
                <td nowrap="nowrap" style="text-align: right" valign="top">
                    <font color="red">*</font><strong>Mac Address</strong>&nbsp;
                </td>
                <td colspan="4">
                    <asp:TextBox ID="macAddress" runat="server" MaxLength="12" TabIndex="11000" Style="padding-left: 1px" Width="100" />
&nbsp;&nbsp;&nbsp;
<a href="#" class="tooltip">
Where can I find this?
<span style="width:400px;margin-top:-160px; ">
    <strong>Router MAC Address Location</strong><br />
    <img src="../Images/RouterMAC.jpg" alt="Router MAC Address Location" />
</span>
</a>
                </td>
            </tr>

            <tr>
                <td style="line-height:10px;" colspan="5">
                    &nbsp;
                </td>
            </tr>

            <tr>
                <td nowrap="nowrap" style="text-align: right">
                    <font color="red">*</font>
                    <strong> Zipcode</strong>&nbsp;
                </td>
                <td colspan="4">
                    <asp:TextBox ID="zipCode" runat="server" MaxLength="16" TabIndex="11000" Style="padding-left: 1px" Width="100" />
                </td>
            </tr>

            <tr>
                <td nowrap="nowrap" style="text-align: right" valign="top">
                    &nbsp;
                </td>
                <td style="line-height:30px;" colspan="4">
                    <div style="padding-top:10px;">
                        <asp:ImageButton ID="btnCheck" runat="server" ImageUrl="/CMS_IMAGES/sup_bt_clk_here1.ccom" TabIndex="10009" />
                    </div>
                </td>
            </tr>
            </table>

            <script language="javascript">
            function enableButton()
            {
                document.getElementById('ContentPlaceHolderHome_ucSupportArticleRanking_btnSend').disabled = false;
                document.getElementById('ContentPlaceHolderHome_ucSupportArticleRanking_btnSend').src = '/CMS_IMAGES/btn_send.ccom';
            }

            function checkFirmwareUpgrade()
            {
                if (document.getElementById('ContentPlaceHolderHome_accountNumber').value == 1)
                {
                    document.getElementById('error').style.display = "";
                }

                else if (document.getElementById('accountNumber').value == 1)
                {
                    document.getElementById('error').style.display = "";
                }
                else
                {
                    document.getElementById('error').style.display = "none";
                    window.location.href = "FWDownload.aspx";
                }
            }
            </script>

            <div class="clear"></div>
        </div>
    </div>

    <div class="clear"></div>

    <!-- This code is to make the current menu options to stay visibile during the
         visit to this page this code does not work at the top, naqib -->
    <script type="text/javascript" language="javascript">
        document.getElementById('navSupport').className = "current";
    </script>
</asp:Content>
