jQuery.Responsive.Classes

/*
*
* Originally inspired by: http://designedbythomas.co.uk/blog/how-detect-width-web-browser-using-jquery
* 
* Original source by https://gist.github.com/highrockmedia/3710930
* 
* My contribution: I re-wrote some code it to fire as one function, so you're only editing values in one place.
*
*/



// Change width value on page load
$(document).ready(function(){
    responsive_resize();
});

// Change width value on user resize, after DOM
$(window).resize(function(){
     responsive_resize();
});

  function responsive_resize(){
	 var current_width = $(window).width();
    //do something with the width value here!
	 if(current_width < 481)
      $('html').addClass("m320").removeClass("m768").removeClass("desktop").removeClass("m480");
 
    else if(current_width < 739)
      $('html').addClass("m768").removeClass("desktop").removeClass("m320").removeClass("tablet");
 
    else if (current_width < 970)
      $('html').addClass("tablet").removeClass("desktop").removeClass("m320").removeClass("m768");
 
    else if (current_width > 971)
      $('html').addClass("desktop").removeClass("m320").removeClass("m768").removeClass("tablet");
 
    if(current_width < 650){
      $('html').addClass("mobile-menu").removeClass("desktop-menu");
	 $('.sf-menu').removeClass("sf-js-enabled").addClass("sf-js-disabled");
	}
 
    if(current_width > 651){
      $('html').addClass("desktop-menu").removeClass("mobile-menu");
	  $('.sf-menu').removeClass("sf-js-disabled").addClass("sf-js-enabled");
	}
  }