CSS and JavaScript needed to accommodate Retina devices

retina@2x-display.css

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  
}

retina@2x-display.js

if (window.devicePixelRatio == 2) {

	  var images = $("img.2x");

	  // loop through the images and make them hi-res
	  for(var i = 0; i < images.length; i++) {

		// create new image name
		var imageType = images[i].src.substr(-4);
		var imageName = images[i].src.substr(0, images[i].src.length - 4);
		imageName += "@2x" + imageType;

		//rename image
		images[i].src = imageName;
	  }
 }