function startGallery() {
	var myGallery = new gallery(
		$('myGallery'), {
			timed: true,
			delay: 3000,
			showArrows: false,
			showCarousel: false,
			showInfopane: false,
			embedLinks: false,
			textShowCarousel: 'Show thumbnails'
	});
}


function startScroller() {
	var mySlideScroller = new Scroller('slidesViewport', {
			area: 50
		});
	mySlideScroller.start();
}


function startSlider(page) {

	var slider = $(page+'Slider');
	var knob = $(page+'Knob');
	var viewport = $(page+'Viewport');
	var s = viewport.getSize();
	var steps = s['scrollSize']['y'] - s['size']['y'];
	
	function syncViewport(step) {
		viewport.scrollTo(0, step);
	}
	
	syncViewport(0);
	var mySlider = new Slider(slider, knob, {
		mode: 'vertical',
		steps: steps,
		onChange: function (step) {
			syncViewport(step);
	}});
}


function pageInit() {
	if ($('myGallery')) {
		startGallery();
	}
	if ($('slidesViewport')) {
		startScroller();
	}

	changePage('Home');

}


window.onDomReady(pageInit);

function changePage(id) {
	var normal = $('normalLayout');
	if (id == 'Gallery') {
		normal.setStyle('display', 'none');
	}
	else {
		normal.setStyle('display', 'block');
	}

	var el = $(id);
	var link = $(id+'Off');
	var label = $(id+'On');
	var hides = $$('.hide');
	var links = $$('.navdiv');
	hides.each(function(hide, i){
		hide.setStyle('display', 'none');
	});
	links.each(function(link, i){
		link.setStyle('display', 'block');
	});
	el.setStyle('display', 'block');
	link.setStyle('display', 'none');
	label.setStyle('display', 'block');
	
	if (id == 'AboutUs' || id == 'Services') {
		startSlider(id);
	}

}