MOB.tabstrip = function(id)
{
	this.ID = id;
	this.TABS = new Array();
	this.PAGES = new Array();
	this.init(this.ID);	
}
MOB.tabstrip.prototype.init = function(id)
{
	this.ID = id;
	this.CONTAINER = document.getElementById(id);
	var H1s = null;
	var DIVs = this.CONTAINER.childNodes; 
	var firstPage = null;
	
	for(var i=0;i<DIVs.length;i++)
	{		
		if(DIVs[i].className=='tab' && DIVs[i].nodeName=='DIV' && DIVs[i].parentNode==this.CONTAINER)
		{
			var pageID = this.PAGES.length;
			this.PAGES[pageID] = DIVs[i];
			var H1s = DIVs[i].getElementsByTagName('H1');
			if(H1s.length>0)
			{
				this.TABS[this.TABS.length] = H1s[0];
				H1s[0].TABSTRIP = this;
				H1s[0].PAGE = pageID;
				H1s[0].onclick = function(){
					this.TABSTRIP.showPage(this);
				}
			}
			
		
			if(firstPage==null) 
			{
				firstPage = true;
			}
			else
			{
				DIVs[i].style.display = 'none';
			}
		}
	}
	
	var headers = new Array();
	var pageStart = this.CONTAINER.firstChild;
	var H1s = this.CONTAINER.getElementsByTagName('H1'); 
	for(var i=0;i<H1s.length;i++)
	{
		if(H1s[i].parentNode.parentNode==this.CONTAINER)
		{
			headers[headers.length] = H1s[i];
		}
	}
	for(var i=0;i<headers.length;i++)
	{
		this.CONTAINER.insertBefore(headers[i],pageStart);
	}
	
	//alert(this.CONTAINER.innerHTML);
	this.showPage(this.TABS[0]);
}
MOB.tabstrip.prototype.refresh = function(){
	this.showPage(this.CURRENT_TAB);
}
MOB.tabstrip.prototype.showPage = function(TAB){
	//alert('tab');
	this.CURRENT_TAB = TAB;
	for(var i=0;i<this.PAGES.length;i++)
	{
		if(i==TAB.PAGE)
		{
			this.TABS[i].className = 'selected';
			//this.PAGES[i].style.top = getAbsoluteTop(this.PAGES[i].parentNode)+(this.TABS[i].offsetHeight)-2+'px';
			//this.PAGES[i].style.top = getAbsoluteTop(TAB)+'px';
			//alert(this.PAGES[i].style.top);
			this.PAGES[i].style.display = 'block';
			this.PAGES[i].style.position = 'absolute';
		}
		else
		{			
			this.TABS[i].className = '';
			this.PAGES[i].style.display = 'none'
		}
	}
}