$(document).ready(function () {
    $('.slide-item').hide();

    //show first item
    $(".slide-item-1").fadeIn("slow");
    $(".slide-item-1").addClass("slide-active-1");
    $("#slide-nav a.slide-nav-1").addClass("slide-active-1");

    $('#slide-nav a').hover(
        function () {
            var hash = this.href;
            hash = hash.replace(/^.*#/, '');
            //hide all active states
            for (i = 1; i < 5; i++) { $('#slide-nav a.slide-nav-' + i).removeClass("slide-active-" + i); }
            //show hovered state
            $(this).addClass("slide-active-" + hash);
            $(".slide-item").fadeOut(100);
            $(".slide-item-" + hash).fadeIn(300);
        },
        function () { }
    );
});