swmenuPro+rollover - Joomla 1.5: Общие вопросы

Всем привет, пользуюсь внутренним шаблоном swmenuPro 5.7 MyGosu. Меню вертикальное, трех-уровневое, при наведении на кнопку и активации меняется фон кнопки, кроме этого нужно чтоб менялась ИКОНКА этого меню, расположенная выше. Типа как в примере http://www.i2r.ru/static/476/out_14697.shtml. Есть возможность изменить или назначить отдельный CSS для кнопок, но действует он все-равно внутри ячейки-кнопки.

Помогите, туплю   ! ....

Господа, нашел нечто подобное, но меню написано на css: http://meyerweb.com/eric/css/edge/popups/demo2.html

Думаю, что прописывать нужно это в CSS-файле меню, вот его код, что понял - написал в комментариях:

.ddmx55{
border:10px solid #CDCDCD !important ;
}
/* параметры в меню первого уровня */
.ddmx55 a.item1, /* меню первого уровня */
.ddmx55 a.item1:hover, /* меню первого уровня при наведении*/
.ddmx55 a.item1-active, /* меню первого уровня при активации */
.ddmx55 a.item1-active:hover {
 padding: 5px 5px 5px 5px !important ;
 top: 0px !important ;
 left: 0px;
 font-size: 12px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: bold !important ;
 color: #FFFFFF !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 position: relative;
 background-image: URL("../modules/mod_swmenupro/images/button_off.jpg") ;
 width:200px;
 /* картинка не видна */
}
/* рамка меню первого уровня*/
.ddmx55 td.item11 {
 padding:0 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
 border-bottom: 0 !important ;
 white-space: nowrap !important ;
 width:200px;
}

/* рамка меню первого уровня last
.ddmx55 td.item11-last {
 padding:0 !important ;
 border: 2px solid #741362 !important ;
 white-space: nowrap;
 width:200px;
}*/

/* рамка меню первого уровня при активизации*/
.ddmx55 td.item11-acton {
 padding:0 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 white-space: nowrap;
 border-right: 2px solid #741362 !important ;
}

/* рамка меню второго уровня при активизации
.ddmx55 td.item11-acton-last {
 border: 2px solid #741362 !important ;
}*/

/************************************** параметры в меню первого уровня при наведении и активизации ******************************************/
/*.ddmx55 .item11-acton-last a.item1,*/
.ddmx55 .item11-acton a.item1,
/*.ddmx55 .item11-acton-last a:hover,*/
.ddmx55 .item11-acton a:hover,
.ddmx55 .item11 a:hover,
/*.ddmx55 .item11-last a:hover,*/
.ddmx55 a.item1-active,
.ddmx55 a.item1-active:hover {
background-image: URL("../modules/mod_swmenupro/images/button2_on.jpg") ;
 color: #000000 !important ;
 /*картинка видна
 img {display: block;}
 Н1 {visibility: visible;}
 Н2 {visibility:  hidden;}
 */
}
 /* картинка видна */
 
/* параметры меню второго уровня */
.ddmx55 a.item2,
.ddmx55 a.item2:hover,
.ddmx55 a.item2-active,
.ddmx55 a.item2-active:hover {
 padding: 5px 5px 5px 5px !important ;
 font-size: 12px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: bold !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 width:200px;
 opacity:0.85;
}
/* параметры меню второго уровня */
.ddmx55 a.item2 {
 background-image: URL("http:../modules/mod_swmenupro/images/button_off.jpg") ;
 color: #FFFFFF !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
}
/*
.ddmx55 a.item2-last {
 background-image: URL("http:../modules/mod_swmenupro/images/button_off.jpg") ;
 color: #FFFFFF !important ;
 border-bottom: 2px solid #741362 !important ;
 z-index:500;
}*/
/* параметры меню второго уровня при наведении и активизации */
.ddmx55 a.item2:hover,
.ddmx55 a.item2-active,
.ddmx55 a.item2-active:hover {
 background-image: URL("http://../modules/mod_swmenupro/images/button_on.jpg") ;
 color: #000000 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
}
/* параметры бордюра */
.ddmx55 .section {
 border: 10px solid #CDCDCD !important ;
 position: absolute;
 visibility: hidden;
 display: block;
 z-index: -1;
}
.ddmx55frame {
 border: 10px solid #CDCDCD !important ;
}

.ddmx55 .item11-acton .item1 img.seq2,
.ddmx55 .item11-acton-last .item1 img.seq2,
.ddmx55 img.seq1
{
 display:    inline;
}
.ddmx55 a.item1:hover img.seq2,
.ddmx55 a.item1-active img.seq2,
.ddmx55 a.item1-active:hover img.seq2,
.ddmx55 a.item2:hover img.seq2,
.ddmx55 a.item2-active img.seq2,
.ddmx55 a.item2-active:hover img.seq2
{
 display:    inline;
}
.ddmx55 img.seq2,
.ddmx55 .item11-acton .item1 img.seq1,
.ddmx55 .item11-acton-last .item1 img.seq1,
.ddmx55 a.item2:hover img.seq1,
.ddmx55 a.item2-active img.seq1,
.ddmx55 a.item2-active:hover img.seq1,
.ddmx55 a.item1:hover img.seq1,
.ddmx55 a.item1-active img.seq1,
.ddmx55 a.item1-active:hover img.seq1
{
 display:   none;
}
* HTML .ddmx55 td { position: relative; } /* ie 5.0 fix */

Никто не может ответить?