$(document).ready(function(){
    
var hoverIntentConfig = {    
    sensitivity: 1,  
    interval: 100,  
    over: hoverOn, 
    timeout: 100,  
    out: hideMenu
};

//in case we ever want to make submenus easier to get to
var hoverIntentConfig2 = {    
    sensitivity: 1,  
    interval: 100,  
    over: hoverOn, 
    timeout: 100,  
    out: hideMenu
};

$('.menuWrap').hoverIntent(hoverIntentConfig);
$('.menuWrap .menuWrap').hoverIntent(hoverIntentConfig2);

function hoverOn(){
    if($(this).hasClass('dropMenu')){
        //it's a drop menu
        showDropMenu($(this));
    }else{
        //it's a sliding menu
        if($(this).hasClass('slideLeftMenu')){
            //it's a slide left menu
            showSlideLeftMenu($(this));
        }else{
            //it's a slide right menu
            showSlideRightMenu($(this));
        }
    }
}

function showDropMenu(obj){
    var ref = obj.children('.menuLink');
    var offset = ref.position();
    var top = offset.top + ref.height();
    var left = offset.left;
    obj.children('.menuLink').toggleClass('menuHover');
    obj.children('.menuContents').css('display','inline');
    obj.children('.menuContents').css('left',left + 'px');
    obj.children('.menuContents').css('top', top + 'px');
}

function showSlideRightMenu(obj){
    var ref = obj.children('.menuLink');
    var offset = ref.position();
    var top = offset.top;
    var left = offset.left + obj.parent().width();
    obj.children('.menuLink').toggleClass('menuHover');
    obj.children('.menuContents').css('display','inline');
    obj.children('.menuContents').css('left',left + 'px');
    obj.children('.menuContents').css('top', top + 'px');
}

function showSlideLeftMenu(obj){
    var ref = obj.children('.menuLink');
    var offset = ref.position();
    var top = offset.top;
    var left = offset.left - obj.children('.menuContents').width();
    obj.children('.menuLink').toggleClass('menuHover');
    obj.children('.menuContents').css('display','inline');
    obj.children('.menuContents').css('left',left + 'px');
    obj.children('.menuContents').css('top', top + 'px');
}

function hideMenu(){
    $(this).children('.menuContents').css('display','none');
    $(this).children('.menuContents').css('-2000px');
    $(this).children('.menuContents').css('-2000px'); 
    $(this).children('.menuLink').toggleClass('menuHover');
}
  
});