function changeTab(requestedTab, requestedContent, anchor) {
    var tabsChildren = new Array();
    var tabsContent = new Array();
    
    tabsChildren = document.getElementById("header").getElementsByTagName("div");
    tabsContent = document.getElementById("content_container").getElementsByTagName("div");
      
    for (i=0; i<tabsChildren.length; i++) { // first turn all tabs off
        switch(tabsChildren[i].id) {
            default:
                document.getElementById(tabsChildren[i].id).className = "off";
                break;
        }
    }
    
    switch(requestedTab) {
        default:
            document.getElementById(requestedTab).className = "on";
            break;    
    }   
    
    for (n=0; n < tabsContent.length; n++) {
        var targetElement = document.getElementById(tabsContent[n].id);
        targetElement.style.display = 'none';
    }
    
    document.getElementById(requestedContent).style.display = "block";
    if (anchor != "") {
        jump(anchor);
    }
}

function jump(anchor){
    var jump = new String(this.location.href + "#" + anchor);
    window.location.href = jump;
}

function qs(url) {
    //alert(url);
	
    var tab = "";
    var content = "";
    var link = "";
    var anchor = "";
    //var qs = window.location.search.substring(1);
    var varArr = url.split("&");
    
    for (var i=0; i < varArr.length; i++) {
        var varPair = varArr[i].split("=");
        switch(varPair[0]) {
            case "tab":
                tab = varPair[1];
                break;
            case "content":
                content = varPair[1];
                break;
            case "link":
                link = varPair[1];
                break;
            case "anchor":
                anchor = varPair[1];
                break;
        }
    }

    if (tab != "" && content != "" && link != "") {
        changeTab(tab,content,anchor);
        var links = new Array();
        links = document.getElementById("tablinks").getElementsByTagName("a");
        
        for (i=0; i<links.length; i++) { // first turn all link styles off
            document.getElementById(links[i].id).className = "inactive";
        }
        
        document.getElementById(link).className = "active";
    }
}