var scroll;
var lis;
var overlay;
var fNames=[];
var defaultTitle;
//
window.addEvent('domready', function() {
	lis=$$('#imgs li');
	overlay=$('overlay');
	defaultTitle=SWFAddress.getTitle();
	//
	updatePad();
	scroll=new Fx.Scroll($('overflower'), {wheelStops:false});
	//
	lis.each(function(item, i) {
		var img=item.getElement('img');
		var n=img.get('src').split('.')[0].split('/')[1];
		item.store('fn', n);
		fNames[i]=n;
	});
	//
	lis.setStyle('cursor', 'pointer');
	lis.addEvent('click', onImgClick);
	//
	overlay.addEvent('mouseenter', function() {overlay.fade('out')});
	overlay.addEvent('mouseleave', function() {overlay.fade('in')});
	//
	$('overflower').addEvent('mousewheel', onWheel)
});
window.addEvent('resize', updatePad);
SWFAddress.addEventListener(SWFAddressEvent.CHANGE, onAddressChange);
window.addEvent('keydown', onKey);
//
var leftPad;
function updatePad() {
	var s=$('about').getSize();
	leftPad=(s.x-320)/2;
	$('overflower').setStyle('padding-left', leftPad);
	overlay.setStyle('left', leftPad);
}
function onImgClick(e) {
	var tg=new Event(e).target.getParent();
	SWFAddress.setValue('p/'+tg.retrieve('fn'));
}
var shown;
function showImg(i) {
	shown=i;
	var tg=$('imgs').getChildren()[i];
	lis.each(function(item, index) {
		item.fade(index==i ? 1 : .2);
		item.setStyle('cursor', index==i ? 'auto' : 'pointer');
	});
	scroll.cancel();
	scroll.start(tg.getCoordinates($('imgs')).left);
	SWFAddress.setTitle(defaultTitle+' - '+fNames[i]);
	if (Browser.Platform.ipod) new Fx.Scroll(window).set(0, 0);
}
function showImgByName(s) {
	for (var i=0; i<lis.length; i++) if (lis[i].retrieve('fn')==s) return showImg(i);
}
function onAddressChange(e) {
	e.pathNames.length==0 ? showImg(0) : showImgByName(e.pathNames[1]);
}
function showRelative(i) {
	var toShow=Math.max(0, Math.min(fNames.length-1, shown+i));
	SWFAddress.setValue('p/'+fNames[toShow]);
}
function onWheel(e) {
	showRelative(e.wheel<0 ? 1 : -1);
}
function onKey(e) {
	if (e.key=='left') showRelative(-1);
	else if(e.key=='right') showRelative(1);
}