// JavaScript Document



function createTabs() {
		
	for (var i = 0; i < thetabs.length; i++) {

		var cont_div = document.createElement('div');
		cont_div.className = "tab";

		var inner_div = document.createElement('div');
		inner_div.style.textAlign = "center";
		inner_div.id = "tab_head_"+i;
		inner_div.rel = i;
		
		tabby = awkward_tabs.split(",");
		
		inner_div.style.paddingTop = "10px";
		inner_div.style.height = "25px";
		
		cur = i;
		
		for (s = 0; s < thetabs.length;s++) {
			
			if (tabby[s] == cur) {
				inner_div.style.paddingTop = "4px";	
				inner_div.style.height = "31px";
			}

		}

		
		inner_div.innerHTML = thetabs[i];
				
		
		
		cont_div.appendChild(inner_div);
		
		
		
		inner_div.onclick =  function (e) { 
													  var IE = document.all?true:false

													  
													  if (!IE) {
														  var srcElement = e.srcElement ? e.srcElement : e.target;
														  num = srcElement.rel;
														  showTab(num);  
													  }
													  else {
														  var srcElement = window.event.srcElement;
														  num = srcElement.rel;
														  showTab(num);  
													  }
													  
													  };
		
		document.getElementById("tabs").appendChild(cont_div);
	}
	
	var cont_div = document.createElement('div');
	cont_div.style.clear = "both";
	document.getElementById("tabs").appendChild(cont_div);
	
	
	showTab(0);
	
}


function showTab (tab) {
	var test = awkward_tabs.split(",");
	
	if (current_tab != -1) {
		document.getElementById("tab"+current_tab).style.display = "none";
		document.getElementById("tab_head_"+current_tab).style.background = "url(images/tabs/tab.jpg)";
		
		
		document.getElementById("tab_head_"+current_tab).style.paddingTop = "10px";
		document.getElementById("tab_head_"+current_tab).style.height = "25px";
		for (s = 0; s < test.length;s++) {
			if (current_tab == test[s]) {
				document.getElementById("tab_head_"+current_tab).style.paddingTop = "4px";
			document.getElementById("tab_head_"+current_tab).style.height = "31px";
			}
		}

	}
	
	document.getElementById("tab"+tab).style.display = "block";
	document.getElementById("tab_head_"+tab).style.background = "url(images/tabs/over.jpg)";
	
	document.getElementById("tab_head_"+tab).style.paddingTop = "10px";
	document.getElementById("tab_head_"+tab).style.height = "25px";
	for (s = 0; s < test.length;s++) {
		if (tab  == test[s]) {
			document.getElementById("tab_head_"+tab).style.paddingTop = "4px";	
			document.getElementById("tab_head_"+tab).style.height = "31px";
		}
	}

	
	current_tab = tab;
	
}