function Tabs(parent) {
	this.parent=parent

	// Elements
	this.tablist=null
	
	// Functions
	this.run=run_tabs_fnct
	this.tabWidth=tabWidth_fnct
	this.tabElem=tabElem_fnct
	this.tabAnchor=tabAnchor_fnct
	this.tabSpan=tabSpan_fnct
}

function run_tabs_fnct() {
	var w=this.tabWidth()

	var tab=this.tabElem("Desc.", "blue", w)
	this.tablist.appendChild(tab)

	var tab=this.tabElem("Full Set", "grey", w)
	this.tablist.appendChild(tab)

	if (sets) {
		var tab=this.tabElem("Sets", "grey", w)
		this.tablist.appendChild(tab)
	};
        if (pro) {
		var tab=this.tabElem("Pro", "grey", w)
		this.tablist.appendChild(tab)
        };
	if (singles) {
		var tab=this.tabElem("Singles", "grey", w)
		this.tablist.appendChild(tab)
	};

};

function tabWidth_fnct() {
	var li=[sets, pro, singles]
	var c=2

	for (var i in li) {		
		if (li[i]) c++
	}
	var w=240/c

	return w
}

function tabElem_fnct(name, color, width) {
	var li=document.createElement('li')
	li.style.width=width+'px'

	var anchor=this.tabAnchor(name, color)
	var span=this.tabSpan(name, color, width)

	anchor.appendChild(span)
	li.appendChild(anchor)

	return li
}

function tabAnchor_fnct(name, color) {
	var anchor=document.createElement('a')
	anchor.setAttribute('id', 'l_'+color)
	anchor.setAttribute('class', 'sprites l_'+color)
	anchor.setAttribute('name', name)

	this.parent.parent.addOnClick(anchor, evtTabClicked)

	return anchor
}

function tabSpan_fnct(name, color, width) {
	var span=document.createElement('span')
	span.setAttribute('id', 'r_'+color)
	span.setAttribute('class', 'sprites r_'+color)
	var bkgpos=(width-8) + 'px ' + (color=='grey' && '-253px' || '-209px')
	span.style.backgroundPosition=bkgpos
	span.appendChild(document.createTextNode(name))

	return span
}