var curScreenshot;
var ssLocation = '../images/screenshots/';

function ssConstr() {

	// hide
	var divs = $$('#screenshot div');

	curScreenshot = 0;
	for (var i=1; i<divs.length; i++) {
		divs[i].style.display = 'none';
	}

	var thumbs = $$('div.screenshots img');

	for (var j=0; j<thumbs.length; j++) {


		thumbs[j].setAttribute('offset',j);

		Element.observe(thumbs[j], 'click', function(event) {
			var offset = event.element().getAttribute('offset');

			if (offset != curScreenshot) {

				// get thumb url
				var urlThumb = event.element().src;

				// remove thumb- from the name
				var newFilename = urlThumb.replace('-thumb','').replace('.gif','.jpg');
				$$('#screenshot img')[0].src = newFilename;

				// new content
				var oldInfo = $$('#screenshot div')[curScreenshot];
				var newInfo = $$('#screenshot div')[offset];

				var m = new Effect.DropOut(oldInfo, { queue: 'end' });
				var n = new Effect.Appear(newInfo, { queue: 'end' });
				curScreenshot = offset;
			}

		});
	}
}