[k0missar]

Есть меню

<style type="text/css">
ul.cssmenu {
   padding: 0;
   margin: 0;
   list-style: none;
   width: 150px;
} 
ul.cssmenu li {
   float: left;
} 
ul.cssmenu li a, ul.cssmenu li a:visited {
   display: block;
   padding: 5px;
   margin-bottom: 1px;
   color: #FAFAD2;
   background-color: #4682B4;
   width: 150px;
}
ul.cssmenu li a:hover {
   color: #4682B4;
   background-color: #FAFAD2;
}
</style>

<ul class="cssmenu">
   <li><a href="#">пункт первый</a></li>
   <li><a href="#">пункт второй</a></li>
   <li><a href="#">пункт третий</a></li>
</ul>

Нужно чтобы при нахождении допустим в первый пункте в хедере шаблона отоброжалась картинка 1, при наведении мыши на втрой пункт в хидере менялась картинка на 2, если отвести мышу то снова появлялась картинка 1, а при переходе по меню в пункт 2 то там уже постоянной картинкой была картинка 2.... как то так