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;

var divPic1;
var divPic2;

var slideIntv = false;




var ctr = parseInt(0);

function startSlideShow() {

    slideIntv = setInterval(function() {

        if (++ctr % 2 == 1) {

            divPic1.style.display = 'block';
            divPic2.style.display = 'none';

        } else {
            divPic1.style.display = 'none';
            divPic2.style.display = 'block';
        }


    }, 2000);    //every 2000 milliseconds

}

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');

    divPic1 = document.getElementById('divPic21');
    divPic2 = document.getElementById('divPic22');

    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;
    }
}