// JavaScript Document
function primaryTabber(tabName,contentTabName){
for(var i=1 ; i<=5 ; i++){
removeClass(document.getElementById("tab"+i),"active");
removeClass(document.getElementById("secondaryTab"+i),"current");
}
addClass(document.getElementById(tabName), "active");
addClass(document.getElementById(contentTabName),"current");
}
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
if (!hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}

function secondaryTabberTrade(tabName,contentTabName){
for(var i=1 ; i<=3 ; i++){
document.getElementById("secondarySubTabTrade"+i).style.display = "none";
document.getElementById("subTabTrade"+i).parentNode.className = "";
}
document.getElementById(contentTabName).style.display = "block";
document.getElementById(tabName).parentNode.className = "activeSub";
}
function secondaryTabberAbout(tabName,contentTabName){
for(var i=1 ; i<=4 ; i++){
document.getElementById("secondarySubTabAbout"+i).style.display = "none";
document.getElementById("subTabAbout"+i).parentNode.className = "";
}
document.getElementById(contentTabName).style.display = "block";
document.getElementById(tabName).parentNode.className = "activeSub";
}

function init(){
document.getElementById("tab1").onclick = function(){primaryTabber('tab1','secondaryTab1')};
document.getElementById("tab2").onclick = function(){primaryTabber('tab2','secondaryTab2')};
document.getElementById("tab3").onclick = function(){primaryTabber('tab3','secondaryTab3')};
document.getElementById("tab4").onclick = function(){primaryTabber('tab4','secondaryTab4')};
document.getElementById("tab5").onclick = function(){primaryTabber('tab5','secondaryTab5')};
document.getElementById("subTabTrade1").onclick = function(){secondaryTabberTrade('subTabTrade1','secondarySubTabTrade1')};
document.getElementById("subTabTrade1").parentNode.className = "activeSub";
document.getElementById("subTabTrade2").onclick = function(){secondaryTabberTrade('subTabTrade2','secondarySubTabTrade2')};
document.getElementById("subTabTrade3").onclick = function(){secondaryTabberTrade('subTabTrade3','secondarySubTabTrade3')};
document.getElementById("subTabAbout1").onclick = function(){secondaryTabberAbout('subTabAbout1','secondarySubTabAbout1')};
document.getElementById("subTabAbout1").parentNode.className = "activeSub";
document.getElementById("subTabAbout2").onclick = function(){secondaryTabberAbout('subTabAbout2','secondarySubTabAbout2')};
document.getElementById("subTabAbout3").onclick = function(){secondaryTabberAbout('subTabAbout3','secondarySubTabAbout3')};
document.getElementById("subTabAbout4").onclick = function(){secondaryTabberAbout('subTabAbout4','secondarySubTabAbout4')};
document.getElementById("secondarySubTabTrade2").style.display = "none";
document.getElementById("secondarySubTabTrade3").style.display = "none";
document.getElementById("secondarySubTabAbout2").style.display = "none";
document.getElementById("secondarySubTabAbout3").style.display = "none";
document.getElementById("secondarySubTabAbout4").style.display = "none";
}