var scroll;var pos=0;window.addEvent('domready',function()
{setWidth();scroll=new Fx.Scroll('wrapper',{wait:false,duration:750,offset:{'x':0,'y':0},transition:Fx.Transitions.Quad.easeInOut});$('next').addEvent('click',function(e)
{e=new Event(e);e.stop();pos=(pos<3)?pos+1:pos;checkPos();});$('prev').addEvent('click',function(e)
{e=new Event(e);e.stop();pos=(pos>0)?pos-1:pos;checkPos();});$$('#listecompetences a').addEvent('click',function(e)
{e=new Event(e);e.stop();var classe=this.get('class');switch(classe){case'green a':pos=0;break;case'orange b':pos=1;break;case'pink c':pos=2;break;case'blue a':pos=3;break;}
checkPos();});$$('#listecompetences a')[0].setStyle('background-position','0 -128px');});function checkPos()
{if($$('#listecompetences a')[pos]){scroll.start(pos*selWidth,0);$$('#listecompetences a').setStyle('background-position','');$$('#listecompetences a')[pos].setStyle('background-position','0 -128px');}}
function get_boxes_number()
{var number=0;$$('#inner div').each(function(el)
{number++;});number=number/2;return number;}
function setWidth()
{selWidth=$('wrapper').getStyle('width').toInt();maxWidth=selWidth*get_boxes_number();$('inner').setStyle('width',maxWidth+'px');}