<%@ Page Language="VB" MasterPageFile="~/Home.master" AutoEventWireup="false" CodeFile="Support.aspx.vb"
    Inherits="Customers_Support" Title="Charter.com - Support" ValidateRequest="false"
    EnableEventValidation="false" %>

<%@ 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/SupportArticle.ascx" TagName="SupportArticle" TagPrefix="uc" %>
<%@ Register Src="../Controls/SupportArticleRanking.ascx" TagName="SupportArticleRanking" TagPrefix="uc" %>
<%@ Register Src="../Controls/Downloads.ascx" TagName="Downloads" TagPrefix="uc" %>
<%@ Register Src="../Controls/ContactUsASA.ascx" TagName="ContactUsASA" TagPrefix="uc" %>


<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderForStyleSheet" Runat="Server">
    <!-- creative lift has changed some of the styles for overview and support landing pages, so
        this is necessary - discuss with rod on the style changins in charter_support.css 
    -->
    <link id="LinkContentStyleSheet4" href="../css/charter_support_2.css" rel="stylesheet" type="text/css"  runat="server"/>
    <link id="LinkContentStyleSheet3" href="../css/jqModal.css" rel="stylesheet" type="text/css" runat="server" />
    <link id="LinkContentStyleSheet2" href="../styles/charterNew.css" rel="stylesheet" type="text/css" />
   
    <uc:CustomContent ID="videoscript" runat="server" Visible="false" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderHome" Runat="Server">

    <br class="clear" />
    <asp:Literal ID="litLeftMainContent" runat="server"></asp:Literal>
         
    <!-- flash for My Account & Billing section -->
            <div id="flashMyAccountBilling" runat="server" visible="false">
            </div>
            
            <!-- Support Article -->
 <asp:Panel runat="server" ID="pnlSupportArticle" Visible="false">
                <div id="topicArticleCont" class="leftColCont complexCorners">
        	        <div id="topheader">
					    <div>
                		    <img class="icon" src="/CMS_IMAGES/icon_hero_support.ccom" alt="" style="border-style: dashed;" />
                		    <div style="position:relative; top:-30px; left:45px; width:92%; background:none; border:none;">
                		        <h1 style="width: 600px;"><asp:Literal ID="litTitle" runat="server" ></asp:Literal></h1>
                		    </div>
					    </div>
                    </div>
                     <div class="content" id="divSupportArticle" runat="server">
	               	    
	                    <p id="articleOptionLinks">&nbsp;&nbsp;<asp:Literal ID="litEmailPrintArticle" runat="server"></asp:Literal></p>
	                    
	                    <div class="clear"></div>
                        <uc:SupportArticle ID="ucSupportArticle" runat="server" />
                     </div>
                     <div class="content" id="divNonProductItem" runat="server" visible="false">
                        <uc:Downloads ID="ucDownloads" runat="server" Visible="false"/>
                        <asp:Literal ID="litNonProductItem" runat="server" Visible="false"></asp:Literal>
                     </div>
                </div>
            </asp:Panel>
            
            <!-- support article ranking -->
            <uc:SupportArticleRanking ID="ucSupportArticleRanking" runat="server" Visible="false" />
                        

		<div class="clear"></div>
        <!--
            This code is to set the default tab. For this to work, the following has to be true.
            
            1. The code must have the tabs defined as per the following pattern.
                <div class="tabContainer">
                    <div class="tab" id="tabTopics">
                        <div class="tabLeft">
                            &nbsp;</div>
                        <div class="link">
                            <a class="tablink" href="#tabContent_Topics"><span>Topics</span></a></div>
                        <div class="tabRight">
                            &nbsp;</div>
                    </div>
                </div>
            2. The tab name in the above example is "tabTopics"
            3. The class names tabContainer, tab, tablink styles must exists
        -->

        <script type="text/javascript" language="javascript">      
               
            var tabID = "<%= Request.QueryString(QueryStringName.TabName) %>";
            if (tabID == null || tabID =='' ) tabID = "tabTopics";
            
            setTab(tabID);
           
            //set current tab     
            function setTab(tabID) 
            {   try
                {                   
                    var currTab = document.getElementById(tabID.toLowerCase()); 
                    var firstChild1 = getFirstChild(currTab);
                    var nextSibling1 = getNextSibling(firstChild1);
                    var firstChild2 = getFirstChild(nextSibling1);
                    
                    var currTxt = $(firstChild2).attr("href");

                    $("div.tabContainer div.tab").removeClass("selected");  
                    $("div.tabContent").removeClass("selected");
                    $(currTab).addClass("selected");
                    $(currTxt).addClass("selected");
                    $(currTxt).blur();
                }
                catch(err)
                {}
            }
            
            
        </script>

</asp:Content>


<asp:Content ID="content3" ContentPlaceHolderID="ContentPlaceHolderRightColumn" runat="server">
			<uc:SearchSupport ID="ucSearchSupport" runat="server" Mode="Support"/>
            <br />
            <uc:BrowseSupport ID="ucBrowseSupport" runat="server" isNewPanel="true" />                    
            <br />
            <uc:CustomContent ID="ucSupportHomeResourcesHelpTools" runat="server" />
            <uc:ContactUsASA ID="ContactUsASA" runat="server" />     
       
</asp:Content>
  		