function CalcArea(){
var w = document.getElementById('width').value;
var h = document.getElementById('height').value
var area = w * h;
if (area > 800000) {
	document.getElementById('area').style.color= '#FF0000'; 
	document.getElementById('area').innerHTML = 'Too large ' + Math.round(area/1000) + 'K Should be < 800K!';
}
	else {
		document.getElementById('area').style.color= '';
		document.getElementById('area').innerHTML = Math.round(area/1000) +'K';
	}
CalcRatio();
}

function CalcRatio(){
var w = eval(document.getElementById('width').value);
var h = eval(document.getElementById('height').value);
var ratio = w / h;
document.getElementById('ratio').innerHTML = Math.round(ratio * 100)/100;
}

function SizeSelect(val){
var str = val.split('x');
document.getElementById('width').value = str[0];
document.getElementById('height').value = str[1];
CalcArea();
}