@Elena
Ковырять Wayfinder, я считаю, тут не надо. Можно использовать css или js.
Вариант 1, через стили
Для нормальных браузеров пишем в css:
.menu li.active+li {background-image:url(i/shadow.gif)};
Для IE6:
.menu li {b:expression(!this.a?(this.a=1,this.runtimeStyle.backgroundImage = ((this.previousSibling && this.previousSibling.className.match(/(active)/)) ? "url(i/shadow.gif)" : "")):0);}
Стили для IE6 удобно подключать через условные комментарии:
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/ie6.css" /><![endif]-->
Чтобы добавить класс my_shadow в следующий пункт меню после активного:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menu li.active+li').addClass('my_shadow');
});
</script>
или можно сразу стили добавить:
$('.menu li.active+li').css({background:"url(i/shadow.gif)"});
Если верстка табличная, то соответственно td вместо li.
Я бы jquery использовал, чтобы не морочиться с IE6. Да и клиент наверняка потом захочет, чтобы при наведении мыши активный пункт менялся или ещё какие-нибудь эффекты.
