/*
window.onload = initHomepageTabs;
addLoadEvent(initHomepageTabs);

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}*/

//var currentPane = 1;

function initHomepageTabs(){
	if(document.getElementById('product-tabs')){
		var tabs = document.getElementById('product-tabs');
		var li = tabs.getElementsByTagName('li');
		var tabCount = 0;
		var tabWidth = 0;
		var tabNumber = 0;
		while(li[tabCount]){
			if(li[tabCount].id != ''){
				li[tabCount].onmouseover = tabOver;
				li[tabCount].onmouseout = tabOut;
				li[tabCount].onclick = tabOn;
				//li[tabCount].tabNum = tabNumber + 1;
				li[tabCount].tabNum = li[tabCount].id.substr(3);
				tabNumber++;
			}
			tabWidth += li[tabCount].offsetWidth;
			tabCount++;
		}
		var availablePixels = tabs.offsetWidth - tabWidth;
		var chunk = Math.floor(availablePixels/tabNumber);
		availablePixels = availablePixels % tabNumber;
		tabCount = 0;
		while(li[tabCount]){
			if(li[tabCount].id != ''){
				innerDivs = li[tabCount].childNodes;
				if(availablePixels){
					innerDivs[0].style.width = innerDivs[0].offsetWidth + chunk + 1 + 'px';
					availablePixels--;
				}
				else{
					innerDivs[0].style.width = innerDivs[0].offsetWidth + chunk + 'px';
				}
			}
			tabCount++;
		}
	}
	
}

$(document).ready(initHomepageTabs);

function tabOver(){
	var nodeChildren;
	if(this.className != 'on'){
		nodeChildren = this.childNodes;
		nodeChildren[1].className = 'right-hover';
		this.className = 'hover';
	}
}
function tabOut(){
	var nodeChildren;
	if(this.className != 'on'){
		nodeChildren = this.childNodes;
		nodeChildren[1].className = 'right';
		this.className = '';
	}
}
function tabOn(passedFromFunction, context){
  if(passedFromFunction !== true)
    context = this;
	var nodeChildren;
	if(context.className != 'on'){
		var i = 0;
		var t = document.getElementById('product-tabs').getElementsByTagName('li');
		while(t[i]){
			if(t[i].id != ''){
				if((t[i].id != context.id) && (t[i].className == 'on')){
					t[i].className = '';
					t[i].firstChild.nextSibling.className = 'right';
				}
			}
			i++;
		}
		nodeChildren = context.childNodes;
		nodeChildren[1].className = 'right-on';
		context.className = 'on';
		if(document.getElementById('pane'+context.tabNum)){
			if(document.getElementById('pane'+currentPane)){
				document.getElementById('pane'+currentPane).className = 'pane hide';
				document.getElementById('pane'+context.tabNum).className = 'pane';
				currentPane = context.tabNum;
			}
		}
	}
	return false;
}