$(document).ready(function() {

    /* check size of frame for responsive */
    
	resizeFrame();
	jQuery.event.add(window, "resize", resizeFrame);
	
	var width = $(window).width()
	var height = $(window).height()  
    
	function resizeFrame(e){
	    var width = $(window).width()
	    var height = $(window).height()
	    
	    if (width >= 900 )  {
	    	$("body").removeClass("desktop mobile");
	    	$("body").addClass("desktop");
	    }
	    else if (width < 900){
	    	$("body").removeClass("desktop mobile");
	    	$("body").addClass("mobile");
	    }
	} 
	
    $( '#togglemenu' ).click( function( e ){
        e.preventDefault();
    	if (!$('#mobile-nav').hasClass('open')){
        	$('#mobile-nav').addClass('open');
        	$('#top-bar').addClass('open');
        	$( '#mobileNav' ).slideToggle();
    	}
        else {
            $( '#mobileNav' ).slideToggle(function (){
            	$('#mobile-nav').removeClass('open');
        		$('#top-bar').removeClass('open');
            });
        }
    })
    
    $( '#mobileNav li a ' ).click( function( ){
            $( '#mobileNav' ).slideToggle(function (){
            	$('#mobile-nav').removeClass('open');
        		$('#top-bar').removeClass('open');
            });
    })
    
})