var galleries;
var i = 1;

Event.observe(window, 'load', function() {	
	
	if (!($$('div.nav a')[0].hasClassName('active'))) {
		$$('div.nav a')[0].addClassName('navInactiveFirst')
	}
	if ($('previous')) {
		$('previous').observe('click', function(e){
			Event.stop(e);
			$$('.pics').invoke('hide');

			if (i == 1) {
				i = $$('.pics').length;
			} else {
				i = i - 1;
			};

			galleries = 'gallery' + i;
			$(galleries).show();
		});

		$('next').observe('click', function(e){
			Event.stop(e);
			$$('.pics').invoke('hide');

			if (i == $$('.pics').length) {
				i = 1;
			} else {
				i = i + 1
			}

			galleries = 'gallery' + i;
			$(galleries).show();
		});
	}


});