Анимирование следующей части меню

[crazymice]

Помогите пожалуйста.
Есть например 3 пункта меню 1-2-3 (но может быть и 10-ть)
При наведении мышкой на любой из пунктов мне нужно чтобы оставшиеся пункты меню анимировались.
Например наводим на пункт 2, анимируются пункт 3
Наводим на пункт 1, анимируются пункты 2 и 3

Вот код, но вставка this тут не очень правильно, просто не соображу, что туда подставить.

Заранее спасибо за помощь

<div id="menui1" qwe="menu" aaa="1"><a href="./index.php"><img src="images/m1.gif" width="" height="" alt="" border="0"></a></div>
  			<div id="menui2" qwe="menu" aaa="2"><a href="./index.php"><img src="images/m2.gif" width="" height="" alt="" border="0"></a></div>
  			<div id="menui3" qwe="menu" aaa="3">qwe<a href="./index.php"><img src="images/m3.gif" width="" height="" alt="" border="0"></a></div>



 $("div[qwe='menu']").mouseover(function()
        {
		$("this ~ div[qwe='menu']").animate({left: '+=250'}, { queue:false, duration:100 });
        })
        .mouseout(function()
        {
		$("this ~ div[qwe='menu']").animate({left: '-=250'}, { queue:false, duration:100 });
        });

[crazymice]

Как вариант думал базироваться на дополнительном атрибуте в DIV.
Но не работает , видимо вот тут: $("div[aaa='tmp']

$("div[qwe='menu']").mouseover(function()
        {
        var tmp=$(this).attr("aaa");

		$("div[aaa='tmp'] ~ div[qwe='menu']").animate({left: '+=50'}, { queue:false, duration:100 });
        })
        .mouseout(function()
        {
        $("div[qwe='menu']").animate({left: '-=50'},{ queue:false, duration:100 });
        });

[e1f]

$(this).nextAll("div[qwe='menu']").animate()

[crazymice]

Спс. Всё просто.