﻿$(document).ready(
function() {
    var speed = 300;

    $("#Option1Wrapper").hover(
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option1Back').style.display = 'none';
            document.getElementById('Option1Top').style.display = 'block';
        }
        else {
            $("#Option1Top").fadeIn(speed);
            document.getElementById('Option1Back').style.display = 'none';
        }
    },
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option1Top').style.display = 'none';
            document.getElementById('Option1Back').style.display = 'block';
        }
        else {
            $("#Option1Back").fadeIn(speed);
            document.getElementById('Option1Top').style.display = 'none';
        }
    }
    );

    $("#Option2Wrapper").hover(
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option2Back').style.display = 'none';
            document.getElementById('Option2Top').style.display = 'block';
        }
        else {
            $("#Option2Top").fadeIn(speed);
            document.getElementById('Option2Back').style.display = 'none';
        }
    },
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option2Top').style.display = 'none';
            document.getElementById('Option2Back').style.display = 'block';
        }
        else {
            $("#Option2Back").fadeIn(speed);
            document.getElementById('Option2Top').style.display = 'none';
        }
    }
    );

    $("#Option3Wrapper").hover(
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option3Back').style.display = 'none';
            document.getElementById('Option3Top').style.display = 'block';
        }
        else {
            $("#Option3Top").fadeIn(speed);
            document.getElementById('Option3Back').style.display = 'none';
        }
    },
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option3Top').style.display = 'none';
            document.getElementById('Option3Back').style.display = 'block';
        }
        else {
            $("#Option3Back").fadeIn(speed);
            document.getElementById('Option3Top').style.display = 'none';
        }
    }
    );


    $("#Option4Wrapper").hover(
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option4Back').style.display = 'none';
            document.getElementById('Option4Top').style.display = 'block';
        }
        else {
            $("#Option4Top").fadeIn(speed);
            document.getElementById('Option4Back').style.display = 'none';
        }
    },
    function() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        if (browser == "Microsoft Internet Explorer") {
            document.getElementById('Option4Top').style.display = 'none';
            document.getElementById('Option4Back').style.display = 'block';
        }
        else {
            $("#Option4Back").fadeIn(speed);
            document.getElementById('Option4Top').style.display = 'none';
        }
    }
    );
});

function HighlightImage(div) {

    div.className = 'BigOptionButton_over';

}

function DownlightImage(div) {

    div.className = 'BigOptionButton';

}
