$(document).ready(function() {

    var selectedIndex = -1;

    var selectedLeftIndex = -1;
    var selectedRightIndex = -1;

    var selectedFirstIndex = -1;
    var selectedLastIndex = -1;



    $(".method-nav ul").hover(function() {


        var selectedListItem = $(".method-nav .selected");
        selectedIndex = $(".method-nav li").index(selectedListItem);

        selectedListItem = $(".method-nav .selected-left");
        selectedLeftIndex = $(".method-nav li").index(selectedListItem);

        selectedListItem = $(".method-nav .selected-right");
        selectedRightIndex = $(".method-nav li").index(selectedListItem);

        selectedListItem = $(".method-nav .selected-first");
        selectedFirstIndex = $(".method-nav li").index(selectedListItem);

        selectedListItem = $(".method-nav .selected-last");
        selectedLastIndex = $(".method-nav li").index(selectedListItem);


        $(".method-nav li").removeClass("selected");
        $(".method-nav li").removeClass("selected-left");
        $(".method-nav li").removeClass("selected-right");

        $(".method-nav li").removeClass("selected-first");
        $(".method-nav li").removeClass("selected-last");



    }, function() {

        $(".method-nav li").removeClass("selected-hover");
        $(".method-nav li").removeClass("selected-left-hover");
        $(".method-nav li").removeClass("selected-right-hover");

        $(".method-nav li").removeClass("selected-first-hover");
        $(".method-nav li").removeClass("selected-last-hover");

        if (selectedIndex > -1) {
            $(".method-nav li:eq(" + selectedIndex + ")").addClass("selected");
        }

        if (selectedLeftIndex > -1) {
            $(".method-nav li:eq(" + selectedLeftIndex + ")").addClass("selected-left");
        }

        if (selectedRightIndex > -1) {
            $(".method-nav li:eq(" + selectedRightIndex + ")").addClass("selected-right");
        }

        if (selectedFirstIndex > -1) {
            $(".method-nav li:eq(" + selectedFirstIndex + ")").addClass("selected-first");
        }

        if (selectedLastIndex > -1) {
            $(".method-nav li:eq(" + selectedLastIndex + ")").addClass("selected-last");
        }

    });


    /*$(".method-nav li:odd").hover(function() {

        $(this).addClass("selected-hover");

        if ($(".method-nav li").index(this) - 1 <= 0) {
    $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").addClass("selected-first-hover");
    }
    else {
    $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").addClass("selected-right-hover");
    }

        if (($(".method-nav li").index(this) + 2) >= $(".method-nav li").size()) {
    $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) + 1) + ")").addClass("selected-last-hover");
    }
    else {
    $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) + 1) + ")").addClass("selected-left-hover");
    }


    }, function() {

        
        
    $(this).removeClass("selected-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").removeClass("selected-right-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").removeClass("selected-first-hover");

        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) + 1) + ")").removeClass("selected-left-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) + 1) + ")").removeClass("selected-last-hover");
    });*/

    $(".method-nav a").hover(function() {

        $(".method-nav li").removeClass("selected-hover");
        $(".method-nav li").removeClass("selected-left-hover");
        $(".method-nav li").removeClass("selected-right-hover");

        $(".method-nav li").removeClass("selected-first-hover");
        $(".method-nav li").removeClass("selected-last-hover");

        $(this).parent().addClass("selected-hover");

        if ($(".method-nav li").index($(this).parent()) - 1 <= 0) {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) - 1) + ")").addClass("selected-first-hover");
        }
        else {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) - 1) + ")").addClass("selected-right-hover");
        }

        if (($(".method-nav li").index($(this).parent()) + 2) >= $(".method-nav li").size()) {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) + 1) + ")").addClass("selected-last-hover");
        }
        else {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) + 1) + ")").addClass("selected-left-hover");
        }


    }, function() {

        /*$($(this).parent()).removeClass("selected-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) - 1) + ")").removeClass("selected-right-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) - 1) + ")").removeClass("selected-first-hover");

        $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) + 1) + ")").removeClass("selected-left-hover");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index($(this).parent()) + 1) + ")").removeClass("selected-last-hover");*/
    });

    /*$(".method-nav li:even").hover(function() {

        if ($(".method-nav li").index(this) > 0 && $(".method-nav li").index(this) < $(".method-nav li").size() - 1) {

            $(this).addClass("selected-left-hover2");

            if ($(".method-nav li").index(this) - 2 <= 0) {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 2) + ")").addClass("selected-first-hover2");
            }
            else {
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 2) + ")").addClass("selected-right-hover2");
            }

            $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").addClass("selected-hover2");
        }

        if ($(".method-nav li").index(this) >= $(".method-nav li").size() - 1) {
            $(this).addClass("selected-last-hover2");
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 2) + ")").addClass("selected-right-hover2");
            $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").addClass("selected-hover2");
        }

    }, function() {

        $(this).removeClass("selected-left-hover2");
        $(this).removeClass("selected-last-hover2");

        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 1) + ")").removeClass("selected-hover2");

        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 2) + ")").removeClass("selected-right-hover2");
        $(".method-nav").find("li:eq(" + ($(".method-nav li").index(this) - 2) + ")").removeClass("selected-first-hover2");

    });*/
});