//Customizable

timeMove = 0.15
xMove = 20
outDelay = timeMove
xMoveBack = 0

//Non-Customizable
a = 'absolute'
var over1 = function()
{
movevalue = this.readAttribute('value');
new Effect.Move(this, { x: xMove, y: 0, duration: timeMove, mode: a, afterStart: $('sideback').style.backgroundPosition = movevalue + 'px' + ' 0px'})
}
var out1 = function()
{
new Effect.Move(this, { x: xMoveBack, y: 0, duration: timeMove, mode: a, delay:outDelay, afterStart: $('sideback').style.backgroundPosition = '0px 0px'})
}

function sidebar()
{
	var children = $('galleries').getElementsBySelector('a');
	var i = 1;
	children.each(function(a) {a.setAttribute("value", i++ * -180)});
	children.invoke('observe', 'mouseover', over1);
	children.invoke('observe', 'mouseout', out1);
}
document.observe('dom:loaded', function(){sidebar()})