var y = 0;
var x = 0;
var inc = 760;
var scroll;
//var upOpacity;
//var downOpacity;


window.addEvent('domready', function() {
//	if ($('content')) setupVScroll();
	if ($('photo_navigator')) setupHScroll();
});

function setupHScroll() {
	
	scroll = new Fx.Scroll('photo_navigator', {
		wait: false,
		duration: 1200
	});
	
	rightOpacity = new Fx.Tween('right','opacity', { duration: 500 } );
	leftOpacity = new Fx.Tween('left','opacity', { duration: 500 } );
	
	if ($('right')) {
		$('right').addEvent('click',function(event) {
			event = new Event(event).stop();
			x += inc;
			runHScroll();
		});
	}
	if ($('left')) {
		$('left').addEvent('click',function(event) {
			event = new Event(event).stop();
			x -= inc;
			runHScroll();
		});
	}
	
	if ($('left') || $('right')) {
		scroll.start(0,y);
		if ($('inner_photo_navigator').getSize().x > 800) {
			$('horizontal_slider_controls').style.visibility = 'visible';
			leftOpacity.set('opacity',0);
		}
	}
}

function runHScroll() {

	if (x < 0) x = 0;
	var mysize = $('inner_photo_navigator').getSize();
	if ((x + 800) >= mysize.x) x = mysize.x - 800;
	scroll.start(x,0);

	if (!x) {
		leftOpacity.start('opacity',0).setStyle('display','none');
	} 
	else {
		leftOpacity.start('opacity',1);
	}
	
	if ((x + 800) >= mysize.x) {
		rightOpacity.start('opacity',0).setStyle('display','none');
	}
	else {
		rightOpacity.start('opacity',1);
	}	
}

function setEnlargement(imageid) {
	$('photo_viewer').innerHTML = '<img id="main_photo" src="/cgi-local/db_images/photos/cache/'+imageid+'-watermark-600-450-resize.jpg"/>';
}