﻿var Tabs = 
{
    Paging: function (key, tabId, direction, itemcount, itemsInView)
    {

        var DivName = 'Div' + tabId + key + '-';

        var foundDiv = 0;

        for (i=0; i<itemcount; i++)
        {
            var Div = document.getElementById(DivName + i);
            if(Div.style.display=='block' && foundDiv==0)
            {
                var m = itemsInView;
                if((i+itemsInView)>itemcount)
                {
                    m = itemcount % itemsInView;
                }
            
                for(l=i; l<i+m; l++)
                {
                    document.getElementById(DivName + l).style.display = 'none';
                }
                
                var j
                if(direction==0)
                {
                    if((i-itemsInView)<0 && itemsInView>1)
                    {
                        j = (itemcount) - itemcount % itemsInView ;
                    }
                    else if((i-itemsInView)<0 && itemsInView==1)
                    {
                        j = (itemcount) - 1 ;
                    }
                    else
                    {
                        j = i - itemsInView;
                    }
                }
                else if(direction==1)
                {
                    if((i+itemsInView)>itemcount && itemsInView>1)
                    {
                        j = 0;
                    }
                    else if((i+itemsInView)==itemcount && itemsInView==1)
                    {
                        j = 0;
                    }
                    else
                    {
                        j = i + itemsInView;
                    }
                }
                
                m = itemsInView;
                if((j+itemsInView)>itemcount)
                {
                    m = itemcount % itemsInView;
                }

                
                for(k=j; k<j+m; k++)
                {
                    document.getElementById(DivName + k).style.display = 'block';
                }
                
                
                var pagingSpan = document.getElementById('PagingSpan' + tabId + '-' + key);
                
                if(itemsInView==3)
                {
                    pagingSpan.firstChild.data = "Displaying " + (j+1) + "-" + (j+m) + " of " + itemcount;
                }
                else
                {
                    pagingSpan.firstChild.data = "Displaying " + (j+1) + " of " + itemcount;
                }
                
                foundDiv = 1;
            }
        }
        
    },
    
    ChangeTab: function(key, tabId)
    {
        var PanelName = 'Panel' + key + '-';
        var TabName = 'Tab' + key + '-';
        var pattern = new RegExp(" selected");
        
        for(z=1; z<5; z++)
        {
            document.getElementById(PanelName + z).style.display = "none";
            
            if(document.getElementById(TabName + z)!=null)
            {
                var tabToClose = document.getElementById(TabName + z).parentNode;
                tabToClose.className = tabToClose.className.replace(pattern, "");
                tabToClose.className = tabToClose.className.replace(/ $/, "");
            }
            
        }
        
        document.getElementById(PanelName + tabId).style.display = "block";
        var tabToOpen = document.getElementById(TabName + tabId).parentNode;
            
        if(pattern.test(tabToOpen.className)==false)
        {
            tabToOpen.className = tabToOpen.className + " selected";
        }
            
        
    },

    CloseCpe: function (cpeId) {
        $find("cpeBehavior" + cpeId)._doClose();
    },

    OpenCpe: function (cpeId) {
        $find("cpeBehavior" + cpeId)._doOpen();
    }
}