function TabViewCS(clientID)
{
    this.ClientID = clientID;
    this.Items = new Array();
    this.SelectedIndex = -1;
    this.SelectedImages = new Array(3);
    this.TabImages = new Array(3);
    this.OverImages = new Array(3);
    this.HiddenState = "";
    this.OnSelectedIndexChange = null;
    
    this.SelectImages = function(ind)
    {
        document.getElementById(this.Items[ind].Images[0]).src = this.SelectedImages[0];
        document.getElementById(this.Items[ind].Images[1]).style.backgroundImage = "url(" + this.SelectedImages[1] + ")";
        document.getElementById(this.Items[ind].Images[2]).src = this.SelectedImages[2];
        
    };
    
    this.UnSelectImages = function(ind)
    {
        document.getElementById(this.Items[ind].Images[0]).src = this.TabImages[0];
        document.getElementById(this.Items[ind].Images[1]).style.backgroundImage = "url(" + this.TabImages[1] + ")";
        document.getElementById(this.Items[ind].Images[2]).src = this.TabImages[2];
    };
    
    this.Select = function(index)
    {
        for(i = 0; i < this.Items.length; i ++)
        {
            if(i == index)
            {
                document.getElementById(this.Items[i].Panel).style.display = "block";
                document.getElementById(this.Items[i].Panel).style.zIndex = 1;
                document.getElementById(this.Items[i].HeaderPanel).style.top = 1;
                document.getElementById(this.Items[i].HeaderPanel).style.zIndex = 2;
                document.getElementById(this.Items[i].CenterCell).style.paddingLeft = "9px";
                document.getElementById(this.Items[i].CenterCell).style.paddingRight = "9px";
                document.getElementById(this.Items[i].HeaderPanel).style.left = -1;
                this.SelectImages(i);
            }
            else
            {
                document.getElementById(this.Items[i].Panel).style.display = "none";
                document.getElementById(this.Items[i].HeaderPanel).style.top = 2;
                document.getElementById(this.Items[i].HeaderPanel).style.zIndex = 1;
                document.getElementById(this.Items[i].CenterCell).style.paddingLeft = "8px";
                document.getElementById(this.Items[i].CenterCell).style.paddingRight = "8px";
                if( (i - 1) == index)
                    document.getElementById(this.Items[i].HeaderPanel).style.left = -2;
                else                    
                    document.getElementById(this.Items[i].HeaderPanel).style.left = (i > index) ? -1 : 0;
                this.UnSelectImages(i);
            }
        }
        if(this.SelectedIndex != index && eval("typeof(" + this.OnSelectedIndexChange + ")") == "function")
            eval(this.OnSelectedIndexChange + "(" + index + ");");
            //this.OnSelectedIndexChange(index);
        
        this.SelectedIndex = index;        
        document.getElementById(this.HiddenState).value = index.toString();
    };
    
    this.Start = function()
    {
        if(this.Items.length > 0)
            this.Select(this.SelectedIndex);
    };
    
    this.Over = function(index)
    {
        if(this.SelectedIndex != index) 
        {
            document.getElementById(this.Items[index].Images[0]).src = this.OverImages[0];
            document.getElementById(this.Items[index].Images[1]).style.backgroundImage = "url(" + this.OverImages[1] + ")";
            document.getElementById(this.Items[index].Images[2]).src = this.OverImages[2];
        }
    };
    
    this.Out = function(index)
    {
        if(this.SelectedIndex != index) 
        {
            document.getElementById(this.Items[index].Images[0]).src = this.TabImages[0];
            document.getElementById(this.Items[index].Images[1]).style.backgroundImage = "url(" + this.TabImages[1] + ")";
            document.getElementById(this.Items[index].Images[2]).src = this.TabImages[2];
        }
    };
}


function TabViewItemCS(clientID)
{
    this.ClientID = clientID;
    this.Title = "";
    this.Value = "";
    this.Panel = "";
    this.CenterCell = "";
    this.Top = 0;
    this.Images = new Array(3);
    
    this.Left = 0;
    
    this.HeaderPanel = "";
}