var selected_menu = "home";
var selected_view;

$(document).ready(function () {
    selected_view = $('#SelectedView').val();
    SelectPage($('#SelectedPage').val());

});

String.IsNullOrEmpty = function (value) {

    var isNullOrEmpty = true;
    if (value) {
        if (typeof (value).toString() == "string") {
            value = jQuery.trim(value)
            if (value.length > 0)
                isNullOrEmpty = false;
        }
    }
    return isNullOrEmpty;
}


function SelectPage(t)
{
    var m = t.id;

    if (m != null)  
        SetPage(m);
    else
        SetPage($("#SelectedPage").val());   
}

function SetPage(m) {
    $("#home").addClass("header").removeClass("header_sel");
    $("#wave").addClass("header").removeClass("header_sel");
    $("#engine").addClass("header").removeClass("header_sel");
    $("#drive").addClass("header").removeClass("header_sel");
    $("#research").addClass("header").removeClass("header_sel");
    $("#investor").addClass("header").removeClass("header_sel");
    $("#contact").addClass("header").removeClass("header_sel");

    switch (m) {
        case "home":
            $("#home").addClass("header_sel").removeClass("header");
            p = "home";
            break;
        case "wave":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;
        case "h_wave":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;
        case "h_wave_review":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;
        case "MenuReview":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;
        case "MenuTechnology":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            //selected_view = String.IsNullOrEmpty(selected_view) ? "technology" : selected_view;
            selected_view = "technology";
            break;
        case "MenuTest":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            //selected_view = String.IsNullOrEmpty(selected_view) ? "test" : selected_view;
            selected_view = "test";
            break;

        case "animation":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "animation";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;

        case "MenuAnimation":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "animation";
        //    selected_view = $("#SelectedView").val();
            //selected_view = String.IsNullOrEmpty(selected_view) ? "animation" : selected_view;
            selected_view = "animation";
            break;
        case "MenuApplications":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
          //  selected_view = String.IsNullOrEmpty(selected_view) ? "applications" : selected_view;
            selected_view = "applications";
            break;
        case "MenuVideo":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "wave";
            //selected_view = String.IsNullOrEmpty(selected_view) ? "video" : selected_view;
            selected_view = "video";
            break;

        case "photo":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "photo";
            selected_view = $("#SelectedView").val(); // String.IsNullOrEmpty(selected_view) ? "review" : selected_view;
            break;

        case "MenuPhoto":
            $("#wave").addClass("header_sel").removeClass("header");
            p = "photo";
            //    selected_view = $("#SelectedView").val();
            //selected_view = String.IsNullOrEmpty(selected_view) ? "animation" : selected_view;
            selected_view = "photo";
            break;

        case "engine":
            $("#engine").addClass("header_sel").removeClass("header");
            p = "engine";
           // selected_view = $("#SelectedView").val();          
            break;
        case "h_engine":
            $("#engine").addClass("header_sel").removeClass("header");
            p = "engine";
            break;
        case "drive":
            $("#drive").addClass("header_sel").removeClass("header");
            p = "drive";
            break;
        case "h_drive":
            $("#drive").addClass("header_sel").removeClass("header");
            p = "drive";
            break;
        case "research":
            $("#research").addClass("header_sel").removeClass("header");
            p = "research";
            break;
        case "investor":
            $("#investor").addClass("header_sel").removeClass("header");
            p = "investor";
            break;
        case "h_investor":
            $("#investor").addClass("header_sel").removeClass("header");
            p = "investor";
            break;
        case "contact":
            $("#contact").addClass("header_sel").removeClass("header");
            p = "contact";
            break;
        default:
            // alert($('#SelectedPage').val());
            return;
    }

//    if (!String.IsNullOrEmpty(selected_view)) {
//        selected_view = SetView(p, selected_view);
//        $("#SelectedView").val(selected_view);
//       
    //    }

    selected_view = SetView(p, selected_view);
    $("#SelectedView").val(selected_view);

    if ($('#SelectedPage').val() != p) {
        $("#SelectedPage").val(p);
        document.forms[0].submit();
    }
}

function menu_click(m) {

    var v = m.id;
    selected_view = SetView($("#SelectedPage").val(), v);
    $("#SelectedView").val(selected_view);

    // SelectView(m);
}

//function SetView(t) {
//    var v = t.id;
//    selected_view = SetView($("#SelectedPage")(), v);
//    $("#SelectedView").val(selected_view);
//    
//}

function SetView(p, v) {

    $("#MenuReview").addClass("menu").removeClass("menu_sel");
    $("#MenuTechnology").addClass("menu").removeClass("menu_sel");
    $("#MenuTest").addClass("menu").removeClass("menu_sel");
    $("#MenuApplications").addClass("menu").removeClass("menu_sel");
    $("#MenuVideo").addClass("menu").removeClass("menu_sel");
    $("#MenuAnimation").addClass("menu").removeClass("menu_sel");

    $("#animation").addClass("hidden").removeClass("shown");
    $("#applications").addClass("hidden").removeClass("shown");
    $("#review").addClass("hidden").removeClass("shown");
    $("#technology").addClass("hidden").removeClass("shown");
    $("#test").addClass("hidden").removeClass("shown");
    $("#video").addClass("hidden").removeClass("shown");

    //=====================================================================
    $("#MenuEngineReview").addClass("menu").removeClass("menu_sel");
    $("#MenuEngineTechnology").addClass("menu").removeClass("menu_sel");
    $("#MenuEngineTest").addClass("menu").removeClass("menu_sel");
    $("#MenuEngineApplications").addClass("menu").removeClass("menu_sel");
    $("#MenuEngineVideo").addClass("menu").removeClass("menu_sel");
    $("#MenuEngineAnimation").addClass("menu").removeClass("menu_sel");

    $("#engine_animation").addClass("hidden").removeClass("shown");
    $("#engine_applications").addClass("hidden").removeClass("shown");
    $("#engine_review").addClass("hidden").removeClass("shown");
    $("#engine_technology").addClass("hidden").removeClass("shown");
    $("#engine_test").addClass("hidden").removeClass("shown");
    $("#engine_video").addClass("hidden").removeClass("shown");

    
    switch (p) {
        case "animation":
            switch (v) {
                //================ Menu Animation ====================================    
                case "animation":
                    $("#MenuAnimation").addClass("menu_sel").removeClass("menu");
                    break;
                case "MenuAnimation":
                    $("#MenuAnimation").addClass("menu_sel").removeClass("menu");
                    break;

                case "photo":
                    $("#MenuPhoto").addClass("menu_sel").removeClass("menu");
                    break;
                case "MenuPhoto":
                    $("#MenuPhoto").addClass("menu_sel").removeClass("menu");
                    break;

                default:
                    //================ Return to Wave View ====================================
                    $("#SelectedPage").val("wave");
                    $("#SelectedView").val(v);
                    document.forms[0].submit();
                    return;
                    //================ Regular Menues ====================================
            }
            break;
        case "photo":
            switch (v) {
                //================ Menu Animation ====================================   
                case "animation":
                    $("#MenuAnimation").addClass("menu_sel").removeClass("menu");
                    break;
                case "MenuAnimation":
                    $("#MenuAnimation").addClass("menu_sel").removeClass("menu");
                    break;

                case "photo":
                    $("#MenuPhoto").addClass("menu_sel").removeClass("menu");
                    break;
                case "MenuPhoto":
                    $("#MenuPhoto").addClass("menu_sel").removeClass("menu");
                    break;

                default:
                    //================ Return to Wave View ====================================
                    $("#SelectedPage").val("wave");
                    $("#SelectedView").val(v);
                    document.forms[0].submit();
                    return;
                    //================ Regular Menues ====================================
            }
            break;
        case "wave":
            switch (v) {
                case "review":
                    $("#MenuReview").addClass("menu_sel").removeClass("menu");
                    $("#review").addClass("shown").removeClass("hidden");
                    break;
                case "MenuReview":
                    $("#MenuReview").addClass("menu_sel").removeClass("menu");
                    $("#review").addClass("shown").removeClass("hidden");
                    break;
                case "technology":
                    $("#MenuTechnology").addClass("menu_sel").removeClass("menu");
                    $("#technology").addClass("shown").removeClass("hidden");
                    break;
                case "MenuTechnology":
                    $("#MenuTechnology").addClass("menu_sel").removeClass("menu");
                    $("#technology").addClass("shown").removeClass("hidden");
                    break;
                case "test":
                    $("#MenuTest").addClass("menu_sel").removeClass("menu");
                    $("#test").addClass("shown").removeClass("hidden");
                    break;
                case "MenuTest":
                    $("#MenuTest").addClass("menu_sel").removeClass("menu");
                    $("#test").addClass("shown").removeClass("hidden");
                    break;
                case "applications":
                    $("#MenuApplications").addClass("menu_sel").removeClass("menu");
                    $("#applications").addClass("shown").removeClass("hidden");
                    break;
                case "MenuApplications":
                    $("#MenuApplications").addClass("menu_sel").removeClass("menu");
                    $("#applications").addClass("shown").removeClass("hidden");
                    break;
                case "video":
                    $("#MenuVideo").addClass("menu_sel").removeClass("menu");
                    $("#video").addClass("shown").removeClass("hidden");
                    break;
                case "MenuVideo":
                    $("#MenuVideo").addClass("menu_sel").removeClass("menu");
                    $("#video").addClass("shown").removeClass("hidden");
                    break;

                default:
                    $("#MenuReview").addClass("menu_sel").removeClass("menu");
                    $("#review").addClass("shown").removeClass("hidden");
                    v = "review";
                    break;

            }
            break; 
            case "engine":
            switch (v) {
                case "engine_review":
                    $("#MenuEngineReview").addClass("menu_sel").removeClass("menu");
                    $("#engine_review").addClass("shown").removeClass("hidden");
                    break;
                case "MenuEngineReview":
                    $("#MenuEngineReview").addClass("menu_sel").removeClass("menu");
                    $("#engine_review").addClass("shown").removeClass("hidden");
                    break;
                case "engine_technology":
                    $("#MenuEngineTechnology").addClass("menu_sel").removeClass("menu");
                    $("#engine_technology").addClass("shown").removeClass("hidden");
                    break;
                case "LinkEngineTechnology":
                    $("#MenuEngineTechnology").addClass("menu_sel").removeClass("menu");
                    $("#engine_technology").addClass("shown").removeClass("hidden");
                    break;
                case "MenuEngineTechnology":
                    $("#MenuEngineTechnology").addClass("menu_sel").removeClass("menu");
                    $("#engine_technology").addClass("shown").removeClass("hidden");
                    break;
                case "engine_test":
                    $("#MenuEngineTest").addClass("menu_sel").removeClass("menu");
                    $("#engine_test").addClass("shown").removeClass("hidden");
                    break;
                case "MenuEngineTest":
                    $("#MenuEngineTest").addClass("menu_sel").removeClass("menu");
                    $("#engine_test").addClass("shown").removeClass("hidden");
                    break;
                case "engine_applications":
                    $("#MenuEngineApplications").addClass("menu_sel").removeClass("menu");
                    $("#engine_applications").addClass("shown").removeClass("hidden");
                    break;
                case "MenuEngineApplications":
                    $("#MenuEngineApplications").addClass("menu_sel").removeClass("menu");
                    $("#engine_applications").addClass("shown").removeClass("hidden");
                    break;
////                case "engine_video":
////                    $("#MenuEngineVideo").addClass("menu_sel").removeClass("menu");
////                    $("#engine_video").addClass("shown").removeClass("hidden");
////                    break;
////                case "MenuEngineVideo":
////                    $("#MenuEngineVideo").addClass("menu_sel").removeClass("menu");
////                    $("#engine_video").addClass("shown").removeClass("hidden");
////                    break;

                default:
                    $("#MenuEngineReview").addClass("menu_sel").removeClass("menu");
                    $("#engine_review").addClass("shown").removeClass("hidden");
                    v = "engine_review";
                    break;

            }
            break;
    }

    return v;
}

//function openAnimation() {
//    // Change "_blank" to something like "newWindow" to load all links in the same new window
//    var newWindow = window.open('animation' );
//    newWindow.focus();
//    return false;
//}

//$(".button").focus(
//    function () {
//        if ($(this).blur) $(this).blur();
//    }
//)

//$("#SelectedView").change(
//    function (e) {
//        alert("123");
//    }
//);

//    $(function () {
//        $("#SelectedView").change(function (e) {
//            alert($(this).val());
//        });
//      //  setTimeout('$("#hiddenField").val("wooloo");', 2000);
//    });

//$('#SelectedView').change(function () {
//    alert('Handler for .change() called.');
//});