jQuery(document).ready(function($) {
    // load touchdown resposnive nav
    $('#site-navigation .menu').Touchdown();

    // check window size
    if (matchMedia) {
        var mq = window.matchMedia("(min-width: 769px)");
        mq.addListener(WidthChange);
        WidthChange(mq);
    }
    // load or hide horizontalNav depending on window width
    function WidthChange(mq) {
        if (mq.matches) {

        $('#site-navigation .menu').horizontalNav({});
         }
         else {
            $('#site-navigation .menu').hide();
         }
    }(window.jQuery)
});