function parseTabId(tabId)
{
    var isCut = false;
    var index = tabId.indexOf("Left");
    if(index != -1)
    {
        tabId = tabId.substr(0, index);
        isCut = true;
    }
    
    if(!isCut)
    {
        index = tabId.indexOf("Middle");
        if(index != -1)
        {
            tabId = tabId.substr(0, index);
            isCut = true;
        }
    }
    
    if(!isCut)
    {
        index = tabId.indexOf("Right");
        if(index != -1)
        {
            tabId = tabId.substr(0, index);
            isCut = true;
        }
    }
    return tabId;
}

function toggleSelected(tabId)
{   
    var obj, type;
    tabId = parseTabId(tabId);
    
    for(var i = 0; i < 3; i++)
    {
        switch(i)
        {
            case 0: add = "Left"; break;
            case 1: add = "Middle"; break;
            case 2: add = "Right"; break;
        }
        
        obj = document.getElementById(tabId + add);
        if(obj != null)
        {
            if(obj.nodeName == 'TD')
                type = 0;
            else if(obj.nodeName == 'IMG')
                type = 1;
        }
        
        var change;
        if(type == 1)
        {
            change = obj.src;
            if(change.indexOf("selected") != -1)
                return;
            if(change.indexOf('over') != -1)
                obj.src = change.replace('over', 'blank');
            else
                obj.src = change.replace('blank', 'over');
        }
        else
        {
            change = obj.style.backgroundImage;
            if(change.indexOf("selected") != -1)
                return;
            if(change.indexOf('over') != -1)
                obj.style.backgroundImage = change.replace('over', 'blank');
            else
                obj.style.backgroundImage = change.replace('blank', 'over');
        }
    }
}

function setActiveInnerTab(tabId, selected, force, tracker)
{
    tabId = parseTabId(tabId);
    var add;
    var tab, otherTab;
    var lookFor;
    if(force)
        lookFor = 'blank';
    else
        lookFor = 'over';
    for(var i = 0; i < 3; i++)
    {
        switch(i)
        {
            case 0: add = "Left"; break;
            case 1: add = "Middle"; break;
            case 2: add = "Right"; break;
        }
        
        var obj = document.getElementById(tabId + add);
        if(obj != null)
        {
            if(obj.nodeName == 'TD')
                type = 0;
            else if(obj.nodeName == 'IMG')
                type = 1;
        }
        else
            return;
        
        var change;
        if(type == 1)
        {
            change = obj.src;
            if(change.indexOf("selected") != -1 && selected)
                return;
            if(change.indexOf(lookFor) != -1 || force)
            {
                obj.src = change.replace(lookFor, 'white_selected');
                obj.style.cursor = 'default';
            }
            else
            {
                obj.src = change.replace('white_selected', 'blank');
                obj.style.cursor = 'pointer';
            }
        }
        else
        {
            change = obj.style.backgroundImage;
            if(change.indexOf("selected") != -1 && selected)
                return;
            if(change.indexOf(lookFor) != -1 || force)
            {
                obj.style.backgroundImage = change.replace(lookFor, 'white_selected');
                obj.style.cursor = 'default';
            }
            else
            {
                obj.style.backgroundImage = change.replace('white_selected', 'blank');
                obj.style.cursor = 'pointer';
            }
        }
    }
    if(selected)
    {
        if(tabId == 'innerTab1')
        {
            tab = document.getElementById('mapcomp');
            otherTab = document.getElementById('formuladiv');
            if(tracker != '')
                gaTrack(tracker);
            otherTab.style.height = '565px';
            setActiveInnerTab("innerTab2", false, false);
            setActiveInnerTab("innerTab3", false, false);
            setActiveInnerTab("innerTab4", false, false);
        }
        else
        {
            tab = document.getElementById('formuladiv');
            otherTab = document.getElementById('mapcomp');
//            gaTrack('VisibilityDetailsTabClicked');
            tab.style.height = '';
            var section;
            switch(tabId)
            {
                case 'innerTab2':
                if(tracker != '')
                    gaTrack(tracker);//gaTrack('VisibilityDetailsTabClicked');
                setActiveInnerTab("innerTab1", false, false);
                setActiveInnerTab("innerTab3", false, false);
                setActiveInnerTab("innerTab4", false, false);
                section = document.getElementById('visibilitydiv');
                if(section != null)
                    section.style.display = '';
                section = document.getElementById('keywordsdiv');
                if(section != null)
                    section.style.display = 'none';
                break;
                
                case 'innerTab3':
                if(tracker != '')
                    gaTrack(tracker);
                setActiveInnerTab("innerTab1", false, false);
                setActiveInnerTab("innerTab2", false, false);
                setActiveInnerTab("innerTab4", false, false);
                section = document.getElementById('keywordsdiv');
                if(section != null)
                    section.style.display = '';
                section = document.getElementById('visibilitydiv');
                if(section != null)
                    section.style.display = 'none';
                break;

                case 'innerTab4':
                if (tracker != '')
                    gaTrack(tracker);
                setActiveInnerTab("innerTab1", false, false);
                setActiveInnerTab("innerTab2", false, false);
                setActiveInnerTab("innerTab3", false, false);
                section = document.getElementById('keywordsdiv');
                if (section != null)
                    section.style.display = '';
                section = document.getElementById('visibilitydiv');
                if (section != null)
                    section.style.display = 'none';
                break;
            }
        }
        tab.style.visibility = 'visible';
        otherTab.style.visibility = 'hidden';
    }
    hideDiv('editInfoDiv');
    hideCategoriesList();
}

function setOfferTabActive(tab)
{
    // only edit info pages using this function
    setPrefixVal('E');    
    var cur, other;
    cur = tab;
    if(tab.id == 'tab2')
    {
        other = document.getElementById('tab1');
        gaTrack('GetHelpTabClicked');
    }
    else if(tab.id == 'tab1')
    {
        other = document.getElementById('tab2');
        gaTrack('DIYTabClicked');
    }
    cur.style.fontWeight = 'bold';
    cur.style.border = 'solid 1px gray'; 
    cur.style.borderBottomStyle = 'none'; 
    cur.style.backgroundColor = '#D8EFFF';
    cur.style.color = '#474747';
    cur.style.cursor = 'default';
    
    other.style.fontWeight = 'normal';
    other.style.border = 'none 0px';
    other.style.borderBottom = 'solid 1px gray';
    other.style.backgroundColor = '#0673C0';
    other.style.color = 'white';
    other.style.cursor = 'pointer';
    
    other = document.getElementById(other.id.replace('tab', 'offer'));
    other.style.display = 'none';
    
    cur = document.getElementById(cur.id.replace('tab', 'offer'));
    cur.style.display = '';  
}

function offerTabOver(tab)
{
    var cur = document.getElementById(tab.id.replace('tab', 'offer'));
    if(cur.style.display == 'none')
        tab.style.backgroundColor = '#99C7E8';
}

function offerTabOut(tab)
{
    var cur = document.getElementById(tab.id.replace('tab', 'offer'));
    if(cur.style.display == 'none')
        tab.style.backgroundColor = '#0673C0';
}


function highlightSelected(tabId)
{   
    var obj, type;
    tabId = parseTabId(tabId);
    
    for(var i = 0; i < 3; i++)
    {
        switch(i)
        {
            case 0: add = "Left"; break;
            case 1: add = "Middle"; break;
            case 2: add = "Right"; break;
        }
        
        obj = document.getElementById(tabId + add);
        if(obj != null)
        {
            if(obj.nodeName == 'TD')
                type = 0;
            else if(obj.nodeName == 'IMG')
                type = 1;
        }
        
        var change;
        if(type == 1)
        {
            change = obj.src;
            if(change.indexOf("selected") != -1)
                return;
            obj.src = change.replace('blank', 'white_selected');
        }
        else
        {
            change = obj.style.backgroundImage;
            if(change.indexOf("selected") != -1)
                return;
            if(change.indexOf('over') != -1)
                obj.style.backgroundImage = change.replace('over', 'white_selected');
            else
                obj.style.backgroundImage = change.replace('blank', 'white_selected');
        }
    }
}