ToggleTabs = function() {
    //alert('quan');
    if (document.getElementById('tablabels') != null) {
        var tabHeaders = document.getElementById('tablabels').getElementsByTagName('DIV');

        for (var i = 0; i < tabHeaders.length; i++) {
            this.attachClickEvents(tabHeaders[i]);
        }
    }
    /*
    var treeLinks = document.getElementById('relationships_content').getElementsByTagName('A');

    for (var j = 0; j < treeLinks.length; j++) {
    if (treeLinks[i].className == 'tree-link') {
    this.attachClickEvents(treeLinks[i]);
    }
        
    }
    */
}


ToggleTabs.prototype.attachClickEvents = function(obj) {
//this.utilityAddEvents(tabHeader, 'click', this.highlightTabHeadAndShowContent(tabHeader));
    obj.onclick = function() { highlightTabHeadAndShowContent(obj); };
    /*switch (obj.tagName) {
        case "DIV":
            obj.onclick = function() { highlightTabHeadAndShowContent(obj); };
            break;
        case "A":
            obj.onclick = function() { alert('test'); };
            break;
    }*/
}

/*
ToggleTabs.prototype.utilityAddEvents = function(obj, evType, fn) {
if (obj.addEventListener) {
obj.addEventListener(evType, fn, false);
alert('test1');
return true;
} else if (obj.attachEvent) {
var r = obj.attachEvent("on" + evType, fn);
alert('test2');
return r;
} else {
return false;
}
}
*/

function highlightTabHeadAndShowContent(tabHeader) {
    //Clear all tabs first
    removeHighlightTab();
    hideTabContent();
    
    //
    tabHeader.className = 'select';
    document.getElementById(tabHeader.id + '_content').style.display = 'block';
}

function removeHighlightTab() {
    var tabHeaders = document.getElementById('tablabels').getElementsByTagName('DIV');

    for (var i = 0; i < tabHeaders.length; i++) {
        tabHeaders[i].className = '';
    }
}

function hideTabContent() {
    var contentAreas = document.getElementById('orgdetails').getElementsByTagName('DIV');

    for (var i = 0; i < contentAreas.length; i++) {
        if (contentAreas[i].className == 'detailtab') {
            contentAreas[i].style.display = 'none';
        }
    }
}


function expandTree(id, obj) {
    //Get all children divs of parent(id)
    var cDivs = document.getElementById(id).getElementsByTagName('DIV');

    for (var i = 0; i < cDivs.length; i++) {
        //Show hide children
        cDivs[i].style.display = (cDivs[i].style.display == 'none' ) ? 'block' : 'none';
    }
    //alert(id);

    //Swap images
    var imgSrc = obj.childNodes[0].src;
    
    //If there aren't any children, then don't change the image
    if (obj.parentNode.childNodes.length > 2) {
        obj.childNodes[0].src = (imgSrc.indexOf("knot1") != -1) ? imgSrc.replace("knot1", "knot2") : imgSrc.replace("knot2", "knot1");
    }
}