run various JS stuff on widths

width-adjust-functions.js

//********************************************************
// run size checks
//********************************************************

function between(x, min, max) {
  return x >= min && x <= max;
}

//********************************************************
// now start the engine
//********************************************************

jQuery(document).ready( function($) {

//********************************************************
// add body classes for viewports
//********************************************************

	var item_width	= $('div.whatever').width();

	if ( site_width < 600 ) {
		// do something
	}

	if ( between( site_width, 600, 727 ) ) {
		// do something
	}

	if ( between( site_width, 728, 949 ) ) {
		// do something
	}

	if ( site_width > 949 ) {
		// do something
	}

	$(window).resize(function() {
		var new_width  = $('div.whatever').width();

		if ( new_width < 600 ) {
			// do something
		}

		if ( between( new_width, 600, 727 ) ) {
			// do something
		}

		if ( between( new_width, 728, 949 ) ) {
			// do something
		}

		if ( new_width >949 ) {
			// do something
		}

	});

//********************************************************
// you're still here? it's over. go home.
//********************************************************

});