// Setup globals
var slides, slide_children, from_slide, to_slide, slide_images_length;
var slide_images = [];

// function fadeOut(element) {
// 	for (var i = 9; i >= 0; i--) {
// 		element.style.opacity = i/10;
// 		element.style.filter = 'alpha(opacity=' + i*10 + ')';
// 	}
// 	element.style.display = 'none';
// }
// 
// function fadeIn(element) {
// 	element.style.display = 'block';
// 	for (var i = 1; i <= 10; i++) {
// 		element.style.opacity = i/10;
// 		element.style.filter = 'alpha(opacity=' + i*10 + ')';
// 	}
// }

function changeSlide() {
	for (var i = 0; i < slide_images_length; i++) {
		if (slide_images[i].style.display == 'block') {
			from_slide = slide_images[i];
			to_slide = (i + 1 == slide_images_length) ? slide_images[0] : slide_images[i+1];
		}
	}
	from_slide.style.display = 'none';
	to_slide.style.display = 'block';

}

window.onload = function(){
	// Slideshow
	slides = document.getElementById('slides');
	if (slides) {
		slide_children = slides.childNodes;
		for (var i = 0; i < slide_children.length; i++) {
			if (slide_children[i].tagName && (slide_children[i].tagName == 'IMG' || slide_children[i].tagName == 'A')) {
				slide_images.push(slide_children[i]);
				slide_children[i].style.display = 'none';
			}
		}
		slide_images_length = slide_images.length;
		slide_images[0].style.display = 'block';
		if (slide_images_length > 1) { // Only start up slideshow if there's more than one slide
			setInterval('changeSlide()', 5000);
		}
		slides = null;
		slide_children = null;
	}
	// Interface
	var window_height = window.innerHeight;
	var wrapper_shadow = document.getElementById('wrapper_shadow');
	var sidebar = document.getElementById('navigation_sidebar');
	var sidebar_bottom = sidebar.offsetTop + sidebar.offsetHeight;
	var content = document.getElementById('content');
	var content_bottom = content.offsetTop + content.offsetHeight;
	var comparitor = sidebar_bottom > window_height ? sidebar_bottom : window_height;
	// Ensures the content is at least as tall as the sidebar
	if (content_bottom < sidebar.offsetHeight) { content.style.height = (content.offsetHeight + (sidebar.offsetHeight - content_bottom)) + 'px'; }
	// Ensures the wrapper is at least as tall as the window
	if (wrapper_shadow.offsetHeight < comparitor) {
		wrapper_shadow.style.height = comparitor + 'px';
		document.getElementById('wrapper_tile').style.height = comparitor + 'px';
	}
};