Fiddle: http://jsfiddle.net/fhBd5/
So the above is working but I'm having trouble trying to come up with a clean and concise way to do some type of loop on the if or statements.
Any help is very much appreciated!
var checkPositionOnLoad = function (e) {
var currentPos = 0;
var listItem = document.getElement('li.current');
var currentSelected = $('list').getChildren('li').indexOf(listItem) + 1;
if (currentSelected <= 3) {
return false;
}
if(currentSelected==4||currentSelected==5||currentSelected==6){
currentPos = -300 * 1;
$('list').setStyle('left', currentPos);
}
else if(currentSelected== 7||currentSelected==8||currentSelected==9){
currentPos = -300 * 2;
$('list').setStyle('left', currentPos);
}
else if(currentSelected==10||currentSelected==11||currentSelected==12){
currentPos = -300 * 3;
$('list').setStyle('left', currentPos);
}
else if(currentSelected==13||currentSelected==14||currentSelected==15){
currentPos = -300 * 4;
$('list').setStyle('left', currentPos);
};
};