function toogleTab(parThis,classNamePrefix){
	
	// Get id
	var currentId = parThis.id;
	
	// Loop through all tabs and reset
	for (var i=0;i<=10;i++){
		if(document.getElementById('tab'+i)){
			document.getElementById('tab'+i).className = '';
			document.getElementById('tab'+i+'content').style.display = 'none';
		}
	}

	// Set selected tab
	if(classNamePrefix==''){ // Prefixes: first, other, last
		classNamePrefix='other';
	}
	
	// set current tab to selected
	document.getElementById(currentId).className = classNamePrefix+'Sel';
	document.getElementById(currentId+'content').style.display = 'block';
	
	// Blur selected tab
	document.getElementById(currentId).blur();


}

function resizeTabs(parTabs,parSize){
        var tabs = 0;

        for (var i=0;i<=10;i++)
        {
	  if(document.getElementById('tab'+i))
          {
            if (document.getElementById('tab'+i).style.display != 'none') tabs++;
          }
	}

	var totalwidth = parseInt(parSize) - 8; // Tabbar width - inner padding (due to the shadow)
//	var tabs = parseInt(parTabs);
	var devidetabs = totalwidth / tabs;
	var tabsrounded = Math.round(devidetabs);
	var tabsroundedtotal = tabsrounded * tabs;
	var countdifference = (tabsrounded * tabs) - totalwidth;
	var firsttab;
        var first = true;


	
	// Update tabbar width
	document.getElementById('tabbar').style.width = parSize + 'px';
	
	if(countdifference>0){
		firsttab = tabsrounded-countdifference;
	}else if(countdifference<0){
		firsttab = tabsrounded + (countdifference * -1);
	}else{
		firsttab = tabsrounded;
	}

	// Loop through the tabs
	for(var i=1;i<=5;i+=1)
        {

          if(document.getElementById('tab'+i))
          {          
            if(document.getElementById('tab'+i).style.display != 'none')
            {
              if(first)
              {
                document.getElementById('tab'+i).style.width = firsttab + 'px';
                document.getElementById('tab'+i).className = 'firstSel';
                document.getElementById('tab'+i+'content').style.display = 'block';
                first = false;
              }
              else
              {
                document.getElementById('tab'+i).style.width = tabsrounded + 'px';
	      }
//                if (document.getElementById('tab'+i).className == 'firstSel')
//                    document.getElementById('tab'+i+'content').style.display = 'block';
            }
          }  
	}
}