//
function myAdaptCallback(index, width) {
  var source, script;
  var d = window.document;

  switch (index) {
    case 0:
      //source = '/path/to/file_1.js';
	  //alert(index, width);
	  jQuery('meta[name=HandheldFriendly]').attr('content', 'True');
      break;
  case 1:
      //source = '/path/to/file_2.js';
      //alert(index, width);
      jQuery('meta[name=HandheldFriendly]').attr('content', 'False');
      break;
    case 2:
      //source = '/path/to/file_3.js';
	  //alert(index, width);
      break;
    /* etc. */
  }

  /*
  if (source) {
    script = d.createElement('script');
    script.src = source;
    (d.head || d.getElementsByTagName('head')[0]).appendChild(script);
  }
  */
}

// Edit to suit your needs.
var ADAPT_CONFIG = {
	// Where is your CSS?
	
	//
	path: 'http://www.enasarco.it/web_framework/_www/css/application/',
	//path: 'http://localhost/web_framework/_www/css/application/',
	//path: 'http://172.20.3.7/www_framework/_www/css/application/',

	// false = Only run once, when page first loads.
	// true = Change on window resize and page tilt.
	dynamic: true,
	
	callback: myAdaptCallback,
	// First range entry is the minimum.
	// Last range entry is the maximum.
	// Separate ranges by "to" keyword.
	range: [
		'0px    to 990px  = mobile.css',
		'990px  		  = desktop.css'/*,
		'990px  to 2540px = desktop.css'
		'2540px           = www.css'*/
	]
};
