1. Utiliza el highlight asi el código queda formateado.
2. Si usas jQuery para algunas cosas, porque no para todo?
-----------------
El condicional no vale la pena simplificarlo, pero podes encapsular la lógica utilizada:
Código Javascript
:
Ver originalwindow.onload = initAll;
function initAll() {
active('#item1');
}
function active(selector) {
$('#item1, #item2, #item3, #item4').css({
'background-color': '#fff',
'color': "#960a00"
});
$(selector).css({
'background-color': '#960a00',
'color': "#fff"
});
}
function checkPosition() {
var posx = $(window).scrollLeft();
if (posx > 0 && posx <= 1450) {
active('#item1');
} else if (posx > 1450 && posx <= 3400) {
active('#item2');
} else if (posx > 3400 && posx <= 5440) {
active('#item3');
} else if (posx > 4840 && posx <= 6700) {
active('#item4');
}
}
$(window).scroll(checkPosition);