// popup images for the two nav items
function popPapers() {
	new Effect.Move($('papers-pop').down(), {
  	x: 0, y: 160 - $('papers-pop').down().getHeight(), mode: 'absolute',
  	transition: Effect.Transitions.spring
	});
}

function popVoting() {
	new Effect.Move($('voting-pop').down(), {
  	x: 0, y: 160 - $('voting-pop').down().getHeight(), mode: 'absolute',
  	transition: Effect.Transitions.spring
	});	
}

function hidePapers() {
	new Effect.Move($('papers-pop').down(), {
  	x: 0, y: 160 + $('papers-pop').down().getHeight(), mode: 'absolute',
  	transition: Effect.Transitions.spring
	}); 
}

function hideVoting() {
	new Effect.Move($('voting-pop').down(), {
  	x: 0, y: 160 + $('voting-pop').down().getHeight(), mode: 'absolute',
  	transition: Effect.Transitions.spring
	});  	
}

function loaded() {
	//$('papers').observe('mouseover', popPapers);
	//$('voting').observe('mouseover', popVoting);
	//$('papers').observe('mouseout', hidePapers);
	//$('voting').observe('mouseout', hideVoting);
}

function next() {
	moveGallery(-177);
}

function previous() {
	moveGallery(177);
}

function group(x) {
	
	
	var g = $('gallery-images');
	var w = g.getWidth() / 3;
	
	var l = g.getStyle('left').replace('px', '');
	
	new Effect.Move(g, {
 		x: -w + -((x-1)*177*4), y: 0, mode: 'absolute',
 		transition: Effect.Transitions.sinoidal	
 	});
 	

		
}

function moveGallery(by) {
	
	var g = $('gallery-images');
	
	new Effect.Move(g, {
  	x: by, y: 0, mode: 'relative',
  	transition: Effect.Transitions.sinoidal,
  	afterFinish: centre
	});

	
}


function centre() {
	
	var g = $('gallery-images');
	var w = g.getWidth() / 3;
	
	var l = g.getStyle('left').replace('px', '');
	
	if (l >= 0 || l <= (-2*w)) {
		new Effect.Move(g, {
  		x: -w, y: 0, mode: 'absolute',
  		transition: Effect.Transitions.full	
  	});
	}
	
	
}

window.onload = loaded;