// JavaScript Document

var box = document.getElementById("container");
var img = document.getElementByClass("picture");


// Grab the image's dimensions
var imgH = img.clientHeight;
var imgW = img.clientWidth;

// Find which dimension is scaled the most
var scaleH = box.clientHeight / img.clientHeight;
var scaleW = box.clientWidth / img.clientWidth;

// Scale the image
if (scaleH < scaleW) {
	img.style.height = box.clientHeight + "px";
	img.style.width = Math.round(imgW * scaleH) + "px";
} else {
	img.style.width = box.clientWidth + "px";
	img.style.height = Math.round(imgH * scaleW) + "px";
}