// Load JavaScript specific styles.

document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/includes/js.css\" />");

// Onload, start the fade in.

window.onload = function() { startFade(0); }

// Global variables.

var screenshots = new Array('birch1', 'birch2', 'birch3', 'birch4', 'birch5', 'birch6', 'birch7', 'next1', 'next2', 'next3', 'next4', 'next5', 'next6');
var fadeInterval = 5;	// Higher number == longer fade.
var n = 0;

function startFade(index) {
	if(n < screenshots.length) {
		imageId = screenshots[index];
		image = document.getElementById(imageId);
		setOpacity(image, 0);
		image.style.visibility = 'visible';
		fadeIn(imageId, 0);
	
		window.setTimeout("startFade(" + ++n + ")", 200);
		}	
	}
	
function setOpacity(obj, opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;
  
	obj.style.filter = "alpha(opacity:" + opacity + ")";	// IE/Win
	obj.style.KHTMLOpacity = opacity / 100;					// Safari<1.2, Konqueror
	obj.style.MozOpacity = opacity / 100;					// Older Mozilla and Firefox
	obj.style.opacity = opacity / 100;						// Safari 1.2, newer Firefox and Mozilla, CSS3
	}
	
function fadeIn(objId, opacity) {
	if(document.getElementById) {
		obj = document.getElementById(objId);
		if(opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += fadeInterval;
			window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 100)
			}
		}
	}
	
function fadeOut(objId, opacity) {
	if(document.getElementById) {
		obj = document.getElementById(objId);
		if(opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= fadeInterval;
			window.setTimeout("fadeOut('" + objId + "', " + opacity + ")", 100)
			}
		else
			obj.style.visibility = 'hidden';
		}
	}
	
function fadeInViewer(section, imageName) {
	document.getElementById(section + '-viewer').src = '/images/' + section + '/' + imageName;

	imageId = section + '-viewer';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = 'visible';
	fadeIn(imageId, 0);

	window.setTimeout("fadeOut('" + imageId + "', 100)", 6000)
	}
	
// Hiding/Showing of extended info in the portfolio.

var entries = new Array('liminality', 'downdream', 'weblog', 'atdatabase', 'reading', 'view');

function show(sectionName) { 

	document.getElementById('ent-' + sectionName).style.display = 'block'; 
	document.getElementById('thb-' + sectionName).className 	= 'large';
	
	document.getElementById('shw-' + sectionName).style.display = 'none';
	document.getElementById('hde-' + sectionName).style.display = 'inline';
	}
	
function hide(sectionName) {

	document.getElementById('ent-' + sectionName).style.display = 'none';
	document.getElementById('thb-' + sectionName).className 	= 'small';

	document.getElementById('hde-' + sectionName).style.display = 'none';
	document.getElementById('shw-' + sectionName).style.display = 'inline';
	}

function showAll() { 

	for(var n = 0; n < entries.length; n++) {
		document.getElementById('ent-' + entries[n]).style.display = 'block'; 
		document.getElementById('thb-' + entries[n]).className 	= 'large';
	
		document.getElementById('shw-' + entries[n]).style.display = 'none';
		document.getElementById('hde-' + entries[n]).style.display = 'inline';
		}
	}

function hideAll() { 

	for(var n = 0; n < entries.length; n++) {
		document.getElementById('ent-' + entries[n]).style.display = 'none';
		document.getElementById('thb-' + entries[n]).className 	= 'small';

		document.getElementById('hde-' + entries[n]).style.display = 'none';
		document.getElementById('shw-' + entries[n]).style.display = 'inline';
		}
	}