
<!-- ~*~ Start:disclosures:includes/javascript/payroll_tabs ~*~ -->
// functionality to shadow and ligth tabs, and show and hide cards.

// Hide the Payroll Tab
function shadow_payroll_tab()
{
    document.getElementById("payroll_tab").style.zIndex = '0';
    document.payroll.src='/images/payrollservices/box_payrollbutton-off.gif';
    document.getElementById("payroll_card").style.visibility = 'hidden';
    document.getElementById("payroll_card").style.display = 'none';
}

// Show the Payroll Tab
function light_payroll_tab()
{
    document.getElementById("payroll_tab").style.zIndex = '2';
	document.payroll.src='/images/payrollservices/box_payrollbutton-on.gif';
    document.getElementById("payroll_card").style.visibility = 'visible';
    document.getElementById("payroll_card").style.display = 'block';
}   

// Hide the Retirement Tab
function shadow_retirement_tab()
{
    document.getElementById("retirement_tab").style.zIndex = '0';
	document.retirement.src='/images/payrollservices/box_retirementbutton-off.gif';
    document.getElementById("retirement_card").style.visibility = 'hidden';
    document.getElementById("retirement_card").style.display = 'none';
}

// Show the Retirement Tab
function light_retirement_tab()
{
    document.getElementById("retirement_tab").style.zIndex = '2';
	document.retirement.src='/images/payrollservices/box_retirementbutton-on.gif';
    document.getElementById("retirement_card").style.visibility = 'visible';
    document.getElementById("retirement_card").style.display = 'block';
}

// Hide the Payment Tab
function shadow_payment_tab()
{
    document.getElementById("payment_tab").style.zIndex = '0';
	document.payment.src='/images/payrollservices/box_paymentbutton-off.gif';
    document.getElementById("payment_card").style.visibility = 'hidden';
    document.getElementById("payment_card").style.display = 'none';
}

// Show the Payment Tab
function light_payment_tab()
{
    document.getElementById("payment_tab").style.zIndex = '2';
	document.payment.src='/images/payrollservices/box_paymentbutton-on.gif';
    document.getElementById("payment_card").style.visibility = 'visible';
    document.getElementById("payment_card").style.display = 'block';
}

// Hide the Automated Time Tab
function shadow_automated_tab()
{
    document.getElementById("automated_tab").style.zIndex = '0';
	document.automated.src='/images/payrollservices/box_automatedbutton-off.gif';
    document.getElementById("automated_card").style.visibility = 'hidden';
    document.getElementById("automated_card").style.display = 'none';
}

// Show the Automated Time Tab
function light_automated_tab()
{
    document.getElementById("automated_tab").style.zIndex = '2';
	document.automated.src='/images/payrollservices/box_automatedbutton-on.gif';
    document.getElementById("automated_card").style.visibility = 'visible';
    document.getElementById("automated_card").style.display = 'block';
}

// Hide the Benefits Tab
function shadow_benefits_tab()
{
    document.getElementById("benefits_tab").style.zIndex = '0';
	document.benefits.src='/images/payrollservices/box_benefitsbutton-off.gif';
    document.getElementById("benefits_card").style.visibility = 'hidden';
    document.getElementById("benefits_card").style.display = 'none';
}

// Show the Benefits Tab
function light_benefits_tab()
{
    document.getElementById("benefits_tab").style.zIndex = '2';
	document.benefits.src='/images/payrollservices/box_benefitsbutton-on.gif';
    document.getElementById("benefits_card").style.visibility = 'visible';
    document.getElementById("benefits_card").style.display = 'block';
}

// Hide the Workers Tab
function shadow_workers_tab()
{
    document.getElementById("workers_tab").style.zIndex = '0';
	document.workers.src='/images/payrollservices/box_workersbutton-off.gif';
    document.getElementById("workers_card").style.visibility = 'hidden';
    document.getElementById("workers_card").style.display = 'none';
}

// Show the Workers Tab
function light_workers_tab()
{
    document.getElementById("workers_tab").style.zIndex = '2';
	document.workers.src='/images/payrollservices/box_workersbutton-on.gif';
    document.getElementById("workers_card").style.visibility = 'visible';
    document.getElementById("workers_card").style.display = 'block';
}

// Hide the HR Solutions Tab
function shadow_hrsolutions_tab()
{
    document.getElementById("hrsolutions_tab").style.zIndex = '0';
	document.hrsolutions.src='/images/payrollservices/box_hrsolutionsbutton-off.gif';
    document.getElementById("hrsolutions_card").style.visibility = 'hidden';
    document.getElementById("hrsolutions_card").style.display = 'none';
}

// Show the HR Solutions Tab
function light_hrsolutions_tab()
{
    document.getElementById("hrsolutions_tab").style.zIndex = '2';
	document.hrsolutions.src='/images/payrollservices/box_hrsolutionsbutton-on.gif';
    document.getElementById("hrsolutions_card").style.visibility = 'visible';
    document.getElementById("hrsolutions_card").style.display = 'block';
}

// Cycle selection for Tab 1
function selectPayroll()
{
    light_payroll_tab();
    shadow_retirement_tab();
    shadow_payment_tab();
	shadow_automated_tab();
	shadow_benefits_tab();
	shadow_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 2
function selectRetirement()
{
    shadow_payroll_tab();
    light_retirement_tab();
    shadow_payment_tab();
	shadow_automated_tab();
	shadow_benefits_tab();
	shadow_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 3
function selectPayment()
{
    shadow_payroll_tab();
    shadow_retirement_tab();
    light_payment_tab();
	shadow_automated_tab();
	shadow_benefits_tab();
	shadow_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 3
function selectAutomated()
{
    shadow_payroll_tab();
    shadow_retirement_tab();
    shadow_payment_tab();
	light_automated_tab();
	shadow_benefits_tab();
	shadow_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 3
function selectBenefits()
{
    shadow_payroll_tab();
    shadow_retirement_tab();
    shadow_payment_tab();
	shadow_automated_tab();
	light_benefits_tab();
	shadow_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 3
function selectWorkers()
{
    shadow_payroll_tab();
    shadow_retirement_tab();
    shadow_payment_tab();
	shadow_automated_tab();
	shadow_benefits_tab();
	light_workers_tab();
	shadow_hrsolutions_tab();
}

// Cycle selection for Tab 3
function selectHrsolutions()
{
    shadow_payroll_tab();
    shadow_retirement_tab();
    shadow_payment_tab();
	shadow_automated_tab();
	shadow_benefits_tab();
	shadow_workers_tab();
	light_hrsolutions_tab();
}

<!-- ~*~ End:disclosures:includes/javascript/payroll_tabs ~*~ -->