Объясните косяк

[BravoTwo]

Ребят, с js пока на вы.
Решил написать, вроде бы, простой скрипт. идея состоит в том, что при нажатии на картинку экран затемняется и посередине высвечивается большой вариант картинки. Всё ок, но вот цикл, почему-то, не пашет

for (i = 0; i < 2; i++) {
		$('#pix')
               .children()
               .eq(i)
               .css("cursor", "pointer")
	       .click( function() {
				downloadPix(i);
				createOverlay();
				});
	}

Так вот та переменная i, которая отправляется в функцию downloadPix(i) имеет значение 2 0_о !?
Объясните, пожалуйста, в чём проблема.
Заранее, спасибо!

[LittlePony]

в том, что на момент клика эта переменная действительно равна двум.

[BravoTwo]

Почему так происходит? Как сделать так, чтоб i попадала внутрь функции во время цикла?

[Deff]

<style type="text/css">
#pix > img {
 cursor:pointer;
}
</style>



<script type="text/javascript">

$("#pix > img").click( function() {
   var i = $("#pix > img").index(this);
   downloadPix(i);
   createOverlay();
});

</script>

[BravoTwo]

Спасибо, ребят, огромное за помощь!
Какой, оказывается, быдлокод у меня получился)))

[Deff]

BravoTwo,
Гы - поправил кавычку в строке 11 -12