var button_up_image = new Image();
var button_down_image = new Image();
button_up_image.src = "images/button_up.gif";
button_down_image.src = "images/button_down.gif";

function resize_frame() {
	var main = document.getElementById('main');
	var panel = document.getElementById('button_panel');
	if(window.innerWidth) {
		var newHeight = Math.max(window.innerHeight -130, panel.scrollHeight -30);
		main.style.width = (window.innerWidth - 220) + "px";
		main.style.height = newHeight + "px";
	} else {
		var newHeight = Math.max(document.documentElement.clientHeight -130, panel.scrollHeight -30);
		main.style.width = (document.documentElement.clientWidth - 220) + "px";
		main.style.height = newHeight + "px";
	}
}

var XMLHttpFactories = [
	function () {return new XMLHttpRequest()},
	function () {return new ActiveXObject("Msxml2.XMLHTTP")},
	function () {return new ActiveXObject("Msxml3.XMLHTTP")},
	function () {return new ActiveXObject("Microsoft.XMLHTTP")}
];

function createXMLHTTPObject() {
	var xmlhttp = false;
	for(var i=0;i<XMLHttpFactories.length;i++) {
		try {
			xmlhttp = XMLHttpFactories[i]();
		} catch(e) {
			continue;
		}
		break;
	}
	return xmlhttp;
}

function load_page(url) {
	var request = createXMLHTTPObject();
	if(request) {
		request.open('GET', url, true);
		request.setRequestHeader('User-Agent', 'XMLHTTP/1.0');
		request.onreadystatechange = function() {
			if(request.readyState != 4) return;
			if(request.status != 200 && request.status != 304) {
				alert('HTTP error ' + request.status);
				return;
			}
			handle_response(request);
		}
		request.send(null);
	}
}

function handle_response(request) {
	document.getElementById('main').innerHTML = request.responseText;
}

/*
function load_page(page) {
	main.location = page;
}*/

function button_up(num) {
	var div = document.getElementById("div"+num);
	var button = document.getElementById("button"+num);
	div.style.backgroundColor = "#000000";
	button.src = button_up_image.src;
}

function button_down(num) {
	var div = document.getElementById("div"+num);
	var button = document.getElementById("button"+num);
	div.style.backgroundColor = "#222222";
	button.src = button_down_image.src;
}

function display(id) {
	var element = document.getElementById(id);
	if (element.style.display != "block") {
		element.style.display = "block";
	} else {
		element.style.display = "none";
	}
	resize_frame();
}

window.onresize = resize_frame;