window.addEvent('domready', function() {

	$('litebox').setOpacity(0);
	$('litebox').setStyle('display', 'none');
	
	if (Browser.Engine.gecko == true) {
		$('thumbs').setStyle('padding-top', 1);
	}
	
	var page = $('photos').className;
	window.page = page;
	
	src = 'img/' + page + '1.jpg';
	$('showcase').src = src;
	
	$('thumb').getFirst().setProperty('src', src);
	
	var dv1 = new Element('div', {'id': 'th1'});
	dv1.inject($('thumbs'));
	dv1.set('html', '<img id="img1" src="img/' + page + '1.jpg" alt="" /><br />&nbsp;{ Alt. 1 }');
	
	var numb = $('thumbs').className;
	
	if (numb > 1) {
		var dv2 = new Element('div', {'id': 'th2'});
		dv2.inject($('thumbs'));
		dv2.set('html', '<img id="img2" src="img/' + page + '2.jpg" alt="" /><br />&nbsp;{ Alt. 2 }');
	}
	if (numb > 2) {
		var dv3 = new Element('div', {'id': 'th3'});
		dv3.inject($('thumbs'));
		dv3.set('html', '<img id="img3" src="img/' + page + '3.jpg" alt="" /><br />&nbsp;{ Alt. 3 }');
	}
	if (numb > 3) {
		var dv4 = new Element('div', {'id': 'th4'});
		dv4.inject($('thumbs'));
		dv4.set('html', '<img id="img4" src="img/' + page + '4.jpg" alt="" /><br />&nbsp;{ Alt. 4 }');
	}
	if (numb > 4) {
		var dv5 = new Element('div', {'id': 'th5'});
		dv5.inject($('thumbs'));
		dv5.set('html', '<img id="img5" src="img/' + page + '5.jpg" alt="" /><br />&nbsp;{ Alt. 5 }');
	}
	if (numb > 5) {
		var dv6 = new Element('div', {'id': 'th6'});
		dv6.inject($('thumbs'));
		dv6.set('html', '<img id="img6" src="img/' + page + '6.jpg" alt="" /><br />&nbsp;{ Alt. 6 }');
	}
	 
	if ($('th1')) {
		$('img1').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th1').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th1').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(1);
		});
	}
	if ($('th2')) {
		$('img2').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th2').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th2').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(2);
		});
	}
	if ($('th3')) {
		$('img3').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th3').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th3').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(3);
		});
	}
	if ($('th4')) {
		$('img4').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th4').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th4').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(4);
		});
	}
	if ($('th5')) {
		$('img5').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th5').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th5').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(5);
		});
	}
	if ($('th6')) {
		$('img6').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			$('th6').fade(1.0);
		})
		.addEvent('mouseleave', function(e) {
			new Event(e).stop();
			$('th6').fade(0.35);
		})
		.addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(6);
		});
	}
	
	$$('#th1', '#th2', '#th3', '#th4', '#th5', '#th6').setOpacity(0.35);
	
});

function switchTo(x) {
	$('showcase').fade('out');
	(function () { $('showcase').src = 'img/' + page + x + '.jpg'; }).delay(525);
	(function () { $('showcase').fade('in'); }).delay(550);
	$('thumb').src = 'img/' + page + x + '.jpg';
	
	if (x == 1) {
		$('thumb').setStyles({'top': 341, 'left': 42});
	}
	if (x == 2) {
		$('thumb').setStyles({'top': 341, 'left': 147});
	}
	if (x == 3) {
		$('thumb').setStyles({'top': 341, 'left': 252});
	}
	if (x == 4) {
		$('thumb').setStyles({'top': 446, 'left': 42});
	}
	if (x == 5) {
		$('thumb').setStyles({'top': 446, 'left': 147});
	}
	if (x == 6) {
		$('thumb').setStyles({'top': 446, 'left': 252});
	}
	
	$('thumb').getFirst().setProperty('src', 'img/' + page + x + '.jpg');
	$('thumb').getLast().set('html', '&nbsp;{ Alt.&nbsp;' + x + '&nbsp;}');
}

function loadLitebox() {
	if ((Browser.Engine.gecko == true) || (Browser.Engine.trident == true)) {	// IE & Firefox
		$('litebox').setStyle('height', document.documentElement.scrollHeight);
	}

	scroll(0,0);
	
	$('litebox').setStyle('display', 'block');
	new Fx.Morph('litebox', {duration: 700}).start({'opacity': [0, 0.7]});
	
	(function () { addImage(); }).delay(800);
	(function () { addClose(); }).delay(900);
}

function addImage() {
	var ww = window.getSize().x;
	var ml = (ww - 530) / 2;
	
	var imgbox = new Element('div', {
    	'id': 'imgbox'
	});
	
	imgbox.setStyle('margin-left', ml);
	imgbox.inject(document.body);
	
	var whichsrc = $('showcase').src.toString();
	var whichone = whichsrc.charAt(whichsrc.length - 5);
	
	var photo = new Element('img', {
    	'src': 'img/' + page + whichone + '-zoom.jpg'
	});
	
	photo.inject(imgbox);
}


function addClose() {
	var button = new Element('img', {
    	'id': 'imgClose',
    	'src': 'css/img/close-img.gif',
    	'title': 'Close'
	});
	
	button.inject($('imgbox'));
	
	button.addEvent('mouseup', function(e) {
        e = new Event(e).stop();
        closeLitebox();
    });
}

function closeLitebox() {
	new Fx.Morph('imgbox', {duration: 400}).start({'opacity': [1.0, 0]});
	(function () { $('imgbox').empty(); }).delay(425);
	(function () { $('imgbox').destroy(); }).delay(450);
	(function () { new Fx.Morph('litebox', {duration: 750}).start({'opacity': [0.7, 0]}); }).delay(475);
	(function () { $('litebox').setStyle('display', 'none'); }).delay(1250);
}