$(document).ready(function() {

    $(".btn").hover(
        function(){
            $(this).addClass('hover')
        } ,
        function(){
            $(this).removeClass('hover')
        }
        )

    $("#header #main-nav ul li").hoverIntent({
        sensitivity: 9, // number = sensitivity threshold (must be 1 or higher)
        interval: 250, // number = milliseconds for onMouseOver polling interval
        timeout: 150, // number = milliseconds delay before onMouseOut
        over: expand,
        out: collapse
    });

    function expand(){ //Hover over event on list item
        $(this).children("ul.dropdown").animate({
            'height': 'toggle'
        },{
            queue:true,
            duration:300
        })
    }

    function collapse() { //on hover out...
        $(this).children("ul.dropdown").animate({
            'height': 'toggle',
            'opacity':'toggle'
        },{
            queue:true,
            duration:300
        })
    }

    $("#header #main-nav ul li").hover(
        function(){
            $(this).not("ul.dropdown li").addClass('hover');
            $(this).find('a').not("ul.dropdown li a").addClass('hover')
        } ,
        function() {
            $(this).removeClass('hover');
            $(this).find('a').removeClass('hover')
    })
        
    $("#logged-nav li").hover(
        function(){
            $(this).find('ul').show();
        } ,
        function() {
           $(this).find('ul').hide();
    })


})