// Import non-standard JS
document.write('<script src="js/shared/effects.js" type="text/javascript"></script>');
document.write('<script src="js/shared/lightbox.js" type="text/javascript"></script>');
document.write('<script src="js/shared/glider.js" type="text/javascript"></script>');

// Init hook
Event.observe(window, "load", initDocument);

// Global variables
var ssGlider = null;

// Initialize document elements
function initDocument() {
	// Init screenshot glider
	ssGlider = new Glider('ssGlider', {duration: 0.5});

	// Init glider controls
	Event.observe('ssPrev', 'click', ssAction);
	Event.observe('ssNext', 'click', ssAction);
	Event.observe('sfButtons', 'mouseover', toggleSfFade);
	Event.observe('sfButtons', 'mouseout', toggleSfFade);

	// Init Lightbox
	initLightbox();
}

// Functions
function ssAction(evt) {
	var ssElement = Event.element(evt);
	var ssId = ssElement.parentNode.id;

	if (ssId == 'ssPrev') {
		ssGlider.previous();
	} else if (ssId == 'ssNext') {
		ssGlider.next();
	}

	ssElement.blur();
	return false;
}

function toggleSfFade(evt) {
	$('sfButtons').toggleClassName('faded');
}