window.onload = initialize;

function initialize () {
	initialize_adjust();
	initialize_gallery();
}


// PAGE WIDTH ADJUSTMENT

var page_max_width = 776;
var page_min_width = 730;

function initialize_adjust() {
	my_page = document.getElementById('page_outer');
	adjust_width();
	window.onresize = adjust_width;
}

function adjust_width() {
	if (window.innerWidth) {
		browser_width = window.innerWidth;
	} else {
		browser_width = document.body.clientWidth;
	}
	if (browser_width > 800) {
		my_page.style.width = page_max_width+"px";
	} else {
		my_page.style.width = page_min_width+"px";
	}
}
// END PAGE WIDTH ADJUSTMENT



// GALLERY

function remove_images() {
	while ((my_images.length > 0) && (gallery_height + gall_margin > page_height)) {
		my_gallery.removeChild(my_gallery.lastChild);
		gallery_height = my_gallery.clientHeight;
	}
}

function add_images() {
	if (my_images.length < img_nrs.length) {
		if (typeof(new_image) == 'undefined') {
				new_image = new Image();
				new_image.src = img_prefix+img_nrs[my_images.length]+img_postfix;
				new_image.alt = img_alt;
		}
		if (new_image.height > 0) {
			gallery_height = my_gallery.clientHeight;
			if (gallery_height + gall_padding + new_image.height + gall_margin <= page_height) {
				my_gallery.appendChild(new_image);
				delete new_image;
				add_images();
			} else {
				delete new_image;
			}
		} else {
			setTimeout("add_images()",100);
		}
	}
}

function change_gallery() {
	var curr_height = page_text.clientHeight;
	if (page_height != curr_height) {
			page_height = curr_height;
			gallery_height = my_gallery.clientHeight;
			remove_images();
			add_images();
	}
}

function initialize_gallery() {
	page_text = document.getElementById('text');
	my_gallery = document.getElementById('gallery');
	my_images = my_gallery.getElementsByTagName('img');
	
	page_height = 0;
	var my_vars = document.getElementById('gall_vars').title.split(',');
	gall_margin = Number(my_vars[0]);
	gall_padding = Number(my_vars[1]);
	img_prefix = my_vars[2];
	img_postfix = my_vars[3];
	img_alt = my_vars[4];
	img_nrs = my_vars.slice(5);

	setInterval("change_gallery()",400);
}

// END GALLERY