window.addEvent('domready', function() {	// Wait to run this until the window is DOM ready
	//CreateSliders('ul.primary li','ul.secondary');	// Create the left column sliders
	var myMenu = new MenuMatic({ /*opacity: 99, tweakInitial: { x: -10 }, matchWidthMode: false, direction: { y: 'up' } */});
});

var y = 0;
var x = 0;
var inc = 380;
var scroll;
var upOpacity;
var downOpacity;


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


function setupVScroll() {
	scroll = new Fx.Scroll('content', {
		wait: false,
		duration: 1200
	});
	
	upOpacity = new Fx.Tween('up','opacity', { duration: 500 } );
	downOpacity = new Fx.Tween('down','opacity', { duration: 500 } );
	
	if ($('down')) {
		$('down').addEvent('click',function(event) {
			event = new Event(event).stop();
			y += inc;
			runVScroll();
		});
	}

	if ($('up')) {
		$('up').addEvent('click',function(event) {
			event = new Event(event).stop();
			y -= inc;
			runVScroll();
		});
	}
	
	if ($('up') || $('down')) {
		scroll.start(0,y);
		if ($('content_inner').getSize().y > 400) {
			$('slider_controls').style.visibility = 'visible';
			upOpacity.set('opacity',.2);
		}
	}
}


function setupHScroll() {
	scroll = new Fx.Scroll('thumbnail_holder', {
		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 ($('thumbnail_viewer').getSize().x > 380) {
			$('horizontal_slider_controls').style.visibility = 'visible';
			leftOpacity.set('opacity',.2);
		}
	}
}


function runVScroll() {

	if (y < 0) y = 0;
	var mysize = $('content_inner').getSize();
	if ((y + 400) >= mysize.y) y = mysize.y - 400;
	
	scroll.start(0,y);

	if (!y) {
		upOpacity.start('opacity',.2);
	} 
	else {
		upOpacity.start('opacity',1);
	}
	
	if ((y + 380) >= mysize.y) {
		downOpacity.start('opacity',.2);
	}
	else {
		downOpacity.start('opacity',1);
	}	
}

function runHScroll() {

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

	if (!x) {
		leftOpacity.start('opacity',.2);
	} 
	else {
		leftOpacity.start('opacity',1);
	}
	
	if ((x + 380) >= mysize.x) {
		rightOpacity.start('opacity',.2);
	}
	else {
		rightOpacity.start('opacity',1);
	}	
}

function setEnlargement(imageid) {
	$('photo_content').innerHTML = '<img src="/cgi-local/db_images/photos/cache/'+imageid+'-image-445-334-fit.jpg"/>';
}