function ToggleImage(isOver, element) {
    if (CheckIEVersionAndSetAboutLinks()) return;

    if (isOver) {
        switch (element) {
            case spanHomeElement:
                element.style.backgroundImage = "url('" + homeImage + "')";
                break;
            case spanAboutElement:
                element.style.backgroundImage = "url('" + aboutImage + "')";
                break;
            case spanResourcesElement:
                element.style.backgroundImage = "url('" + resourcesImage + "')";
                break;
            case spanSupportElement:
                element.style.backgroundImage = "url('" + supportImage + "')";
                break;
            case spanPressInfoElement:
                element.style.backgroundImage = "url('" + pressInfoImage + "')";
                break;
        }
    }
    else {
        element.style.backgroundImage = '';
        SetDefaultImage();
    }
}

function SetDefaultImage() {
    if (CheckIEVersionAndSetAboutLinks()) return;

    document.getElementById('divAboutNav').style.display = 'none';
    document.getElementById('spanFAQLink').style.fontWeight = 'normal';
    document.getElementById('spanDemoLink').style.fontWeight = 'normal';
    
    switch (document.getElementById(selectedTab).value) {
        case "home":
            spanHomeElement.style.backgroundImage = "url('" + homeImage + "')";
            break;
        case "about":
            spanAboutElement.style.backgroundImage = "url('" + aboutImage + "')";
            document.getElementById('divAboutNav').style.display = '';
            break;
        case "resources":
            spanResourcesElement.style.backgroundImage = "url('" + resourcesImage + "')";
            break;
        case "support":
            spanSupportElement.style.backgroundImage = "url('" + supportImage + "')";
            break;
        case "pressinfo":
            spanPressInfoElement.style.backgroundImage = "url('" + pressInfoImage + "')";
            break;
        case "faq":
            spanAboutElement.style.backgroundImage = "url('" + aboutImage + "')";
            document.getElementById('divAboutNav').style.display = '';
            document.getElementById('spanFAQLink').style.fontWeight = 'bold';
            document.getElementById('faqLink').style.color = '#79C6EE';
            break;
        case "demo":
            spanAboutElement.style.backgroundImage = "url('" + aboutImage + "')";
            document.getElementById('divAboutNav').style.display = '';
            document.getElementById('spanDemoLink').style.fontWeight = 'bold';
            document.getElementById('productDemoLink').style.color = '#79C6EE';
            break;
    }
}

function CheckIEVersionAndSetAboutLinks() {
    var arVersion = navigator.appVersion.split("MSIE");
    var version = parseFloat(arVersion[1]);

    if ((version == 6) && (document.body.filters)) {
        document.getElementById('divAboutNav').style.display = 'none';
        document.getElementById('spanFAQLink').style.fontWeight = 'normal';
        document.getElementById('spanDemoLink').style.fontWeight = 'normal';

        switch (document.getElementById(selectedTab).value) {
            case "about":
                document.getElementById('divAboutNav').style.display = '';
                break;
            case "faq":
                document.getElementById('divAboutNav').style.display = '';
                document.getElementById('spanFAQLink').style.fontWeight = 'bold';
                document.getElementById('faqLink').style.color = '#79C6EE';
                break;
            case "demo":
                document.getElementById('divAboutNav').style.display = '';
                document.getElementById('spanDemoLink').style.fontWeight = 'bold';
                document.getElementById('productDemoLink').style.color = '#79C6EE';
                break;
        }

        return true;
    }

    return false;
}