var active_tab_id = 'tab-1';

function setUnderline(obj)
{
    if(obj.id != active_tab_id)
        obj.style.textDecoration = 'underline';
}

function unsetUnderline(obj)
{
    if(obj.id != active_tab_id)
        obj.style.textDecoration = 'none';
}

function setActiveTab(obj)
{
    if(obj.id == active_tab_id)
        return;

    active_tab = document.getElementById(active_tab_id);
    
    active_tab.style.color = '#0D3692';
    active_tab.style.borderLeft = '0px';
    active_tab.style.borderRight = '0px';
    active_tab.style.paddingTop = '0px';
    active_tab.style.paddingBottom = '10px';
    active_tab.style.paddingLeft = '25px';
    active_tab.style.paddingRight = '25px';
    active_tab.style.textDecoration = 'underline';
    
    active_tab_cell = document.getElementById(active_tab_id + '-cell');
    active_tab_cell.style.borderBottom = '1px solid #E5E5E5';

    active_tab_left = document.getElementById(active_tab_id + '-left');
    active_tab_left.style.backgroundColor = '#FFFFFF';
    active_tab_left.style.backgroundImage = '';
    active_tab_left.style.backgroundRepeat = 'no-repeat';
    active_tab_left.style.backgroundPosition = 'left top';
    active_tab_left.style.height = '0px';

    active_tab_right = document.getElementById(active_tab_id + '-right');
    active_tab_right.style.backgroundColor = '#FFFFFF';
    active_tab_right.style.backgroundImage = '';
    active_tab_right.style.backgroundRepeat = 'no-repeat';
    active_tab_right.style.backgroundPosition = 'right top';
    active_tab_right.style.height = '0px';

    active_tab_content = document.getElementById(active_tab_id + '-content');
    active_tab_content.style.display = 'none';


    active_tab_id = obj.id;
    active_tab = document.getElementById(active_tab_id);    
    
    active_tab.style.color = '#333333';
    active_tab.style.borderLeft = '1px solid #E5E5E5';
    active_tab.style.borderRight = '1px solid #E5E5E5';
    active_tab.style.paddingTop = '7px';
    active_tab.style.paddingBottom = '6px';
    active_tab.style.paddingLeft = '12px'
    active_tab.style.paddingRight = '12px';
    active_tab.style.textDecoration = 'none'
    
    active_tab_cell = document.getElementById(active_tab_id + '-cell');
    active_tab_cell.style.borderBottom = '0px';    

    active_tab_left = document.getElementById(active_tab_id + '-left');
    active_tab_left.style.backgroundColor = '#FFCC00';
    active_tab_left.style.backgroundImage = 'url("/public/images/info-active-left.gif")';
    active_tab_left.style.backgroundRepeat = 'no-repeat';
    active_tab_left.style.backgroundPosition = 'left top';
    active_tab_left.style.height = '8px';
    
    active_tab_right = document.getElementById(active_tab_id + '-right');
    active_tab_right.style.backgroundColor = '#FFCC00';
    active_tab_right.style.backgroundImage = 'url("/public/images/info-active-right.gif")';
    active_tab_right.style.backgroundRepeat = 'no-repeat';
    active_tab_right.style.backgroundPosition = 'right top';
    active_tab_right.style.height = '8px';
    
    active_tab_content = document.getElementById(active_tab_id + '-content');
    active_tab_content.style.display = ''; 
    
    switch(active_tab_id)
    {
  		default:
        case 'tab-1':
            sep = document.getElementById('sep-1');
            sep.style.display = 'none';
            sep = document.getElementById('sep-2');
            sep.style.display = '';
            sep = document.getElementById('sep-3');
            sep.style.display = '';
        break;
        
        case 'tab-2':
            sep = document.getElementById('sep-1');
            sep.style.display = 'none';
            sep = document.getElementById('sep-2');
            sep.style.display = 'none';        
            sep = document.getElementById('sep-3');
            sep.style.display = '';
        break;

        case 'tab-3':
            sep = document.getElementById('sep-3');
            sep.style.display = 'none';
            sep = document.getElementById('sep-2');
            sep.style.display = 'none';
            sep = document.getElementById('sep-1');
            sep.style.display = '';
        break;
        
        case 'tab-4':
            sep = document.getElementById('sep-3');
            sep.style.display = 'none';
            sep = document.getElementById('sep-2');
            sep.style.display = '';
            sep = document.getElementById('sep-1');
            sep.style.display = '';
        break;
    }
}