function Tabs(id, color)
{
	this.id = id;
	this.color = color;
	this.items = new Array();
	this.active = 0;
	this.initialized = false;
	this.left = new Array();
	this.center = new Array();
	this.right = new Array();
	this.link = new Array();
	this.image = new Array();
	this.content = new Array();
	this.lines = new Array();
	return this;
}

Tabs.prototype.Add = function(index, twoLine, activeImg, inactiveImg)
{
	this.items[this.items.length] = {index:index, twoLine:twoLine, activeImg:activeImg, inactiveImg:inactiveImg};
}

Tabs.prototype.Initialize = function()
{
	this.initialized = true;
	for(i = 0; i < this.items.length; i++)
	{
		this.link[this.link.length] = document.getElementById(this.id + '_maLink' + i);
		this.left[this.left.length] = document.getElementById(this.id + '_TabLeft' + i);
		this.center[this.center.length] = document.getElementById(this.id + '_TabCenter' + i);
		this.right[this.right.length] = document.getElementById(this.id + '_TabRight' + i);
		this.content[this.content.length] = document.getElementById(this.id + '_Content' + i);
		this.image[this.image.length] = document.getElementById(this.id + '_mimgTab' + i);
		this.lines[this.lines.length] = (this.link[this.link.length-1].className.indexOf('TwoLine') > 0);
	}
}
Tabs.prototype.Activate = function(obj, index) {
    var lines = '';

    if (this.active != index) {
        if (!this.initialized)
            this.Initialize(obj);

        SetCookie('DYNAMIC_TAB_INDEX' + this.id+document.location, index);
        SetCookie('DYNAMIC_TAB_OBJECT' + this.id+document.location, obj.id);
                
        this.DeActivate();
        this.link[index].className = 'TabActiveLink';

        if (this.items[index].twoLine)
            lines = '_TwoLine';

        this.left[index].className = '';
        this.left[index].childNodes[0].src = '/global/images/TabActiveBgRepeat' + this.color + lines + '.jpg';

        if (this.items[index].activeImg == null)
            this.center[index].className = 'TabActive' + this.color + lines;
        else
            this.image[index].src = this.items[index].activeImg;

        this.right[index].className = '';
        this.right[index].childNodes[0].src = '/global/images/TabActiveBgRepeat' + this.color + lines + '.jpg';

        this.content[index].style.display = 'inline';
        this.active = index;
    }
    return false;
}

Tabs.prototype.DeActivate = function()
{
	var lines = '';
	
	if(this.items[this.active].twoLine)
		lines = '_TwoLine';

	this.link[this.active].className = 'TabInactiveLink';
	this.left[this.active].className = 'TabInactiveEnd' + this.color + lines;
	this.left[this.active].childNodes[0].src = '/global/images/TabInactiveBgRepeat' + this.color + lines + '.jpg';

	if(this.items[this.active].activeImg == null)		
		this.center[this.active].className = 'TabInactiveCenter' + this.color + lines;
	else
		this.image[this.active].src = this.items[this.active].inactiveImg;
	
	this.right[this.active].className = 'TabInactiveEnd' + this.color + lines;
	this.right[this.active].childNodes[0].src = '/global/images/TabInactiveBgRepeat' + this.color + lines + '.jpg';

	this.content[this.active].style.display = 'none';
}