Event.observe(window, 'load', initialize);

DescriptionsShowing = true;

// attach a highlight function to each slide
function initializeSlides() {
	document.getElementsByClassName('slide').each( function(slide) 
	{
		slide.onmouseover = function() { 
			this.style.border = 'solid 1px #fff'; 
			this.style.background = '#f8f8ff'; 
			//window.status = this.childNodes[1].childNodes[1].innerText;
		};

		slide.onmouseout = function() { 
			this.style.border = 'solid 1px #f0f0f0'; 
			this.style.background = '#f0f0f0'; 
			//window.status = '';
		};

		slide.databaseId = slide.id.replace('project_', '');
		slide.onclick = function() { 
			document.location = '/portfolio/project/' + this.databaseId
		};
	}
	)
}

function fillScreen() {
	window.moveTo(0,0);
	window.resizeTo(screen.availWidth,screen.availHeight);
}

function initialize() {
	initializeSlides();
	//flash('initialized');
}

function flash(msg) {
	if (!Element.visible('flashBox')) { Effect.Appear('flashBox', {duration: 0.5}); } 
	Element.update($('flashBox'), msg + "<br />" + $('flashBox').innerHTML);
}