//var pics, picnav_left, picnav_right, pic_width, pic_fade;

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

	// Global variables
	var pics				= $('pics');
	var picnav_left		= $('picnav_left');
	var picnav_right	= $('picnav_right');
	var pic_width		= 648;
	var pic_count		= pics.getSize().x/pic_width;
	var cur_pic			= 0;

	// Pic fade effect
	pic_fade = new Fx.Tween(pics, 'opacity', {
		duration: 400,
		transition: Fx.Transitions.Expo.easeIn,
		onStart: function(){
		},
		onComplete: function(){
			picnav_left.setStyle('opacity', 0);
			picnav_left.setStyle('top', 173);
			picnav_right.setStyle('opacity', 0);
			picnav_right.setStyle('top', 173);
			Swap.check();
		}
	});

	// Pic slide effect
	var pic_slide = new Fx.Tween(pics, 'left', {
		duration: 400,
		transition: Fx.Transitions.Expo.easeIn,
		onStart: function(){
		},
		onComplete: function(){
		}
	});

	// Set initial styles
	pics.setStyle('opacity', 0);
	pics.setStyle('top', 0);
	pic_fade.start(1);

	// Swap image
	var Swap = {
		left: function(){
			if (cur_pic == 0) {
				return false;
			} else {
				cur_pic--;
				pic_slide.start((cur_pic*pic_width)*-1);
			}
			this.check();
		},
		right: function(){
			if (cur_pic == (pic_count-1)) {
				return false;
			} else {
				cur_pic++;
				pic_slide.start((cur_pic*pic_width)*-1);
			}
			this.check();
		},
		check: function(){
			// Only one slide
			if (pic_count == 1) {
				picnav_left.fade(.3);
				picnav_left.setStyle('cursor', 'default');
				picnav_right.fade(.3);
				picnav_right.setStyle('cursor', 'default');
				return;
			}

			// Left
			if (cur_pic == 0) {
				picnav_left.fade(.3);
				picnav_left.setStyle('cursor', 'default');
			} else {
				picnav_left.fade(1);
				picnav_left.setStyle('cursor', 'pointer');
			}
			// Right
			if (cur_pic == (pic_count-1)) {
				picnav_right.fade(.3);
				picnav_right.setStyle('cursor', 'default');
			} else {
				picnav_right.fade(1);
				picnav_right.setStyle('cursor', 'pointer');
			}
		}
	};
	Swap.check();

	var Viewer = {
		start: function(){
			Viewer.setup();
		},
		setup: function(){
			picnav_right.addEvent('mousedown', function(e) {
				pic_slide.cancel();
				Swap.right();
			});
			picnav_left.addEvent('mousedown', function(e) {
				pic_slide.cancel();
				Swap.left();
			});
		}
	};
	Viewer.setup();

});

window.addEvent('load', function() {
	// Set initial styles
//	pics.setStyle('opacity', 0);
//	pics.setStyle('top', 0);
//	pic_fade.start(1);
});