var lastSelected = null;
var lastSelected_li = null;
var lastSelected_href = null;

var step1;
var step2;
var step3;
var step4;
var step5;

var step1_li;
var step2_li;
var step3_li;
var step4_li;
var step5_li;

var step1_href;
var step2_href;
var step3_href;
var step4_href;
var step5_href;

function showDiv(div) 
{
    hideDiv(lastSelected, lastSelected_li, lastSelected_href);
    
    if (div == 1 && step1 != null)
    {
        step1.style.display = 'block';
        step1_li.className = 'current';
        step1_href.style.color = '#ffffff';
        lastSelected = step1;
        lastSelected_li = step1_li;
        lastSelected_href = step1_href;
    }
    else if (div == 2 && step2 != null)
    {
        step2.style.display = 'block';
        step2_li.className = 'current';
        step2_href.style.color = '#ffffff';
        lastSelected = step2;
        lastSelected_li = step2_li;
        lastSelected_href = step2_href;
    }
    else if (div == 3 && step3 != null)
    {
        step3.style.display = 'block';
        step3_li.className = 'current';
        step3_href.style.color = '#ffffff';
        lastSelected = step3;
        lastSelected_li = step3_li;
        lastSelected_href = step3_href;
    }
    else if (div == 4 && step4 != null)
    {
        step4.style.display = 'block';
        step4_li.className = 'current';
        step4_href.style.color = '#ffffff';
        lastSelected = step4;
        lastSelected_li = step4_li;
        lastSelected_href = step4_href;
    }
    else if (div == 5 && step5 != null)
    {
        step5.style.display = 'block';
        step5_li.className = 'current';
        step5_href.style.color = '#ffffff';
        lastSelected = step5;
        lastSelected_li = step5_li;
        lastSelected_href = step5_href;
    }
}

function createDivs()
{
    step1 = document.getElementById('step_1');
    step2 = document.getElementById('step_2');
    step3 = document.getElementById('step_3');
    step4 = document.getElementById('step_4');
    step5 = document.getElementById('step_5');
    
    step1_li = document.getElementById('step_1_li');
    step2_li = document.getElementById('step_2_li');
    step3_li = document.getElementById('step_3_li');
    step4_li = document.getElementById('step_4_li');
    step5_li = document.getElementById('step_5_li');
    
    step1_href = document.getElementById('step_1_href');
    step2_href = document.getElementById('step_2_href');
    step3_href = document.getElementById('step_3_href');
    step4_href = document.getElementById('step_4_href');
    step5_href = document.getElementById('step_5_href');
    
    showDiv(1);
}

function hideDiv(div, li, href)
{
    if (div != null && li != null && href != null)
    {
        div.style.display = 'none';
        href.style.color = '#4f5b62';
        li.className = null;
    }
}