var viewportwidth;
var viewportheight;

function sizeadjust() {

	// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerWidth,
		viewportheight = window.innerHeight
	}

	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
	else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0) {
		viewportwidth = document.documentElement.clientWidth,
		viewportheight = document.documentElement.clientHeight
	}

	// older versions of IE
	else {
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}

	var mainDiv = document.getElementById('resize');
	var mainDiv2 = document.getElementById('resize2');
	var mainDiv3 = document.getElementById('resize3');

	var mainBody = document.getElementById('bodydiv');

	// very wide
	if ((viewportwidth/viewportheight) > 1.75) {
		newviewportwidth = (viewportheight * 1.75) + 'px';
		mainDiv.style.width = newviewportwidth;
		mainDiv2.style.width = newviewportwidth;
		mainDiv2.style.height = ((34 * (viewportheight * 1.75))/1296) + 'px';
		mainDiv3.style.width = newviewportwidth;
	}
	// very narrow
	else {
		newviewportwidth = viewportwidth + 'px';
		mainDiv.style.width = newviewportwidth;
		mainDiv2.style.width = newviewportwidth;
		mainDiv2.style.height = ((34 * (viewportwidth))/1296) + '70px';
		mainDiv3.style.width = newviewportwidth;
	}

	mainBody.style.display = 'block';

	$(document).ready(function() {
		$("#first").fadeIn(300);
	});

	// document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');

}