var i = 0;
var divTarget = '';
function slideIn() {
    hideDivsAndArrows();
    var divSlider = document.getElementById(divTarget);
    var imgEffect = document.getElementById("switchEffect");
    divSlider.style.display = "inline";
    imgEffect.style.display = "inline";
    var newX = '';
    var newY = '';
    newX = (i * 15) + 'px';
    newY = (i * 11) + 'px';
    imgEffect.style.top = newY;
    imgEffect.style.left = newX;
    divSlider.style.clip = 'rect(0px, ' + newX + ', ' + newY + ', 0px)';
    i++;
    if (i < 42) {
        window.setTimeout('slideIn()', 10);
    } else {
        imgEffect.style.display = "none";
        i = 0;
        if (divTarget != "Contact") {
            divSlider.style.clip = "rect(auto, auto, auto, auto)";
        }
    }
    switch (divTarget) {
        case 'Welcome':
            document.getElementById("arrowBlue").style.display = "inline";
            break;
        case 'Introduce':
            document.getElementById("arrowGreen").style.display = "inline";
            break;
        case 'Software':
            document.getElementById("arrowOrange").style.display = "inline";
            break;
        case 'Services':
            document.getElementById("arrowYellow").style.display = "inline";
            break;
        case 'Clients':
            document.getElementById("arrowRed").style.display = "inline";
            break;
        case 'Contact':
            document.getElementById("arrowLightBlue").style.display = "inline";
    }
}

function hideDivsAndArrows() {
    document.getElementById("Welcome").style.display = "none";
    document.getElementById("arrowBlue").style.display = "none";
    document.getElementById("Introduce").style.display = "none";
    document.getElementById("arrowGreen").style.display = "none";
    document.getElementById("Software").style.display = "none";
    document.getElementById("arrowOrange").style.display = "none";
    document.getElementById("Services").style.display = "none";
    document.getElementById("arrowYellow").style.display = "none";
    document.getElementById("Clients").style.display = "none";
    document.getElementById("arrowRed").style.display = "none";
    document.getElementById("Contact").style.display = "none";
    document.getElementById("arrowLightBlue").style.display = "none";
}