Problema con bucle for

[cesa_r]

Les comento lo hice como me lo sugirieron pero se adelanta un color es decir si hago click en #modules-colors-nav-1 me da el color en el array 2 si doy click en #modules-colors-nav-2 me da el color en el array 3

Aqui el codigo:

var colors=new Array('#AC193D', '#D24726', '#FF8F32', '#930', '#82BA00', '#008A17', '#004B8B', '#0072C6', '#5DB2FF', '#008299', '#03B3B2', '#8C0095', '#DC4FAD', '#000000', '#585858', '#001940', '#030', '#036');

for (x=0; x<=colors.length; x++) {

(function (x) {

$("#modules-colors-nav-"+x).click(function(event){
$("#nav").css({ background: colors[x] });
});

})(x);

};