﻿        var articlePageDivsContainer = new Array();

        function InitArticleDetail(articleDetailPanelId) {
            var containerIndex = articlePageDivsContainer.length;              
            var articlePageDivs = new Array();
            articlePageDivsContainer[containerIndex] = articlePageDivs;
            
            var ad = document.getElementById(articleDetailPanelId);
            var subDivs = ad.getElementsByTagName("div");
            var pageCount = 0;
            for (var i = 0; i < subDivs.length; i++) {
                if (subDivs[i].className != 'articlePage') continue;
                subDivs[i].id = 'articleDetailPage' + pageCount;
                if (pageCount == 0) subDivs[i].className = 'articlePage_Show';
                else subDivs[i].className = 'articlePage_Hide';
                articlePageDivs[pageCount] = subDivs[i];
                pageCount++;
            }
            SetPage_NavMenu(articleDetailPanelId+'_PageNav', articlePageDivs, containerIndex, 0);
        }
        
        function SetPage_NavMenu(articleDetailPanelId, articlePageDivs, containerIndex, currPageIndex){
            var apNav = document.getElementById(articleDetailPanelId);
            if(articlePageDivs.length<2){
                apNav.style.display = 'none';
                return;
            }
            
            apNav.innerHTML = '';
            for (var i = 0; i < articlePageDivs.length; i++) {
                var lnkA = document.createElement("a");
                lnkA.innerHTML = "<span>" + (i + 1) + "</span>";
                if(i==currPageIndex) lnkA.className='articlePage_Nav_CurrentPage';
                lnkA.href = "javascript:PageIndex_OnChange('"+apNav.id+"', "+containerIndex+", "+i+")";
                apNav.appendChild(lnkA);
            }          
        }

        function PageIndex_OnChange(pageControlId, containerIndex, pageIndex) {
            var articlePageDivs = articlePageDivsContainer[containerIndex];
            for (var i = 0; i < articlePageDivs.length; i++) {
                if(i==pageIndex){
                    articlePageDivs[i].className = 'articlePage_Show';                     
                }else {
                    articlePageDivs[i].className = 'articlePage_Hide';
                }
            }
            SetPage_NavMenu(pageControlId, articlePageDivs, containerIndex, pageIndex);
        }
