$(document).ready(function() {
    $(".contact_link").click(function(){      
          $('#contact').slideToggle(); 
    });
    $(".close").click(function(){      
          $('#contact').slideToggle(); 
    });
    
    $('.feature_search').hide();
    $('.feature_brand').hide();
    $('.feature_brand').css({marginBottom: '0', opacity: '0'});
    $('.feature_search').css({marginBottom: '0', opacity: '0'});
    $('.feature_intro').animate({marginBottom: '20px', opacity:'1'}, 300);
    $('#btn-intro').addClass('on');
    $('#btn-brand').removeClass('on');
    $('#btn-search').removeClass('on');
    
    $("#btn-brand").mouseover(
        function() {
            $('.feature_search').hide();
            $('.feature_intro').hide();
            $('.feature_brand').show();
            $('.feature_search').css({marginBottom: '0', opacity: '0'});
            $('.feature_intro').css({marginBottom: '0', opacity: '0'});
            $('.feature_brand').animate({marginBottom: '20px', opacity:'1'}, 300);
            $(this).addClass('on');
            $('#btn-search').removeClass('on');
            $('#btn-intro').removeClass('on');
        }
    );
    
    $("#btn-search").mouseover(
        function() {
            $('.feature_brand').hide();
            $('.feature_intro').hide();
            $('.feature_search').show();
            $('.feature_brand').css({marginBottom: '0', opacity: '0'});
            $('.feature_intro').css({marginBottom: '0', opacity: '0'});
            $('.feature_search').animate({marginBottom: '20px', opacity:'1'}, 300);
            $(this).addClass('on');
            $('#btn-brand').removeClass('on');
            $('#btn-intro').removeClass('on');
        }
    );
    
    $("#btn-intro").mouseover(
        function() {
            $('.feature_search').hide();
            $('.feature_brand').hide();
            $('.feature_intro').show();
            $('.feature_brand').css({marginBottom: '0', opacity: '0'});
            $('.feature_search').css({marginBottom: '0', opacity: '0'});
            $('.feature_intro').animate({marginBottom: '20px', opacity:'1'}, 200 );
            $(this).addClass('on');
            $('#btn-brand').removeClass('on');
            $('#btn-search').removeClass('on');
        }
    );
});