Помогите с выпадающим меню

Добрый вечер. может кто поможет. Есть шаблон dle, там меню. Но мне надо сделать выпадающее.

Вот код. и стили и скрипт

/*Выпадающее меню*/

.menu{height: 45px;position: relative;z-index: 1000;width:1024px;float: left;}

.menu-link{display: block;height: 35px;font: bold 11px Tahoma;color: #fff;line-height: 35px;padding: 0 10px;float: left; text-transform:uppercase; text-decoration:none;}

.menu ul{margin: 0;padding: 0;}

.menu-link:hover{color: #fff;}

.activ{color: #dddddd;}

.menu li{list-style-type: none;float: left;position: relative;height: 40px;z-index: 1000;color: #999999;line-height: 35px;}

.hidden-menu{display: none;background: url(../images/bg-hidden-menu.jpg) 0 0 repeat;position: absolute;top: 35px;left: 0px;width: 140px;z-index: 100;padding: 10px 0 20px 18px;border-radius: 0 0 5px 5px;-mos-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}

.menu-h{display: block;width: 120px;height: 30px;font: bold 12px Tahoma;color: #fff;line-height: 30px;padding: 0 0 0 3px;background: url(../images/hidden-line.png) 0 bottom repeat-x; text-decoration:none;}

.menu-h:hover{color:#dcdcdc; text-decoration:underline;}

вот сам код

<div class="menu">

        <ul>

            <li><a href="/">Главная</a><img src="{THEME}/images/menu.png" alt="" />

  </li>

         <li><a class="menu-link" href="#">главная</a><img src="{THEME}/images/menu.png" alt="" /></li>

            <li><a class="menu-link" href="#">главная 2</a><img src="{THEME}/images/menu.png" alt="" /></li>

            <li><a class="menu-link" href="#">главная 3</a><img src="{THEME}/images/menu.png" alt="" /></li>

   </ul>

и скрипт

$(document).ready(function() {

	  $('.menu li').hover(

        function() {

        $(this).find('.hidden-menu').css({'display':'block'});

        $(this).find('.menu-link').addClass('activ');

    }, function() {

        $(this).find('.hidden-menu').css({'display':'none'});

        $(this).find('.menu-link').removeClass('activ');

    });

	/*********************************************/

	var sliderTime = 8000;

	

	$('.slaider-block-all:first').addClass('slaider-activ').find('.slaider-block-news').fadeIn();

	

	function showSliderItem() {

		clearTimeout(timerId);

		var currentBlock = $('.slaider-activ');

		var nextBlock = currentBlock.next('.slaider-block-all').length ? currentBlock.next('.slaider-block-all') : $('.slaider-block-all:first');

	

		currentBlock.find('.slaider-block-news').fadeOut();

		$('.slaider-block-all').removeClass('slaider-activ');

		nextBlock.addClass('slaider-activ').find('.slaider-block-news').fadeIn();

		

		nextBlock.addClass('slaider-activ').fadeIn(800, function () {

			timerId = setTimeout(showSliderItem, sliderTime);

			});

			return false;

			

	}

	

	function showCurrent() {

		clearTimeout(timerId);

		$('.slaider-block-all').removeClass('slaider-activ');

		$('.slaider-block-news').fadeOut();

		

		$(this).parent().addClass('slaider-activ').find('.slaider-block-news').fadeIn();

		

		timerId = setTimeout(showSliderItem, sliderTime);

	}

	

	$('.slaider-block-news-mini').click(showCurrent);

	

	timerId = setTimeout(showSliderItem, sliderTime);

	

	

});



$(function() {



	$( "#logindialog" ).dialog({

		autoOpen: false,

		show: 'fade',

		hide: 'fade',

		width: 300

	});



	$('#loginlink').click(function(){

		$('#logindialog').dialog('open');

		return false;

	});

});

подскажите как прописать?