function DropMenu(pID) 
{
	var lDMID = '#' + pID;

	$(lDMID+" li").each(function(i){
		if($(this).find('ul').length > 0)
		{
			$(this).addClass('SubMenu');
		}
		else
		{
			$(this).addClass('noSubMenu');
		}
	 });

	$(lDMID+" ul").css({display: "none"});
    
    $(lDMID+" .ItemActive").addClass("menuselleftbg");
    $(lDMID+" .ItemActive").children("a").addClass("menuselrightbg");
	$(lDMID+" li").hover(function(){ 
        
		var getTotalPropertySize = function(pObject, pPropertyName) 
		{
			var lTotalSize = 0;
			while (pObject != null && pObject != document.body) 
			{
				lTotalSize += pObject[pPropertyName];
				pObject = pObject.offsetParent;
			}
			return lTotalSize;
		}

		var lOffsetLeft = getTotalPropertySize(this,'offsetLeft');
		var lOffsetTop = getTotalPropertySize(this,'offsetTop');
        lOffsetTop = lOffsetTop + 0; // modify starting position of submenu
        lOffsetLeft = lOffsetLeft - 5; // modify starting position of submenu
		var lUL = $(this).children("ul");

		if ($(this).parent().hasClass('ListMenu'))
		{
			if ($(this).parent().hasClass('horizontal')) 
			{
				lUL.css({'left' : lOffsetLeft + "px"});
				lUL.css({'top' : (lOffsetTop + this.offsetHeight ) + "px"});
			} 
			else 
			{
				lUL.css({'left' : (lOffsetLeft + this.offsetWidth  ) + "px"});
				lUL.css({'top' : lOffsetTop + "px"});
			}
		}
		else 
		{
			lUL.css({'left' : this.offsetWidth + "px"});
			lUL.css({'top' : (this.offsetTop-1) + "px"});
		}

		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show();
        if( $(this).hasClass("SubItem")||$(this).hasClass("SubItemActive"))
        {
            $(this).addClass('submenuleftbg');
            $(this).children('a').addClass('submenurightbg');
        }
        else
        {
            $(this).addClass('menuleftbg');
            $(this).children('a').addClass('menurightbg');
        }
	}, function(){ 
		$(this).find('ul:first').css({visibility: "hidden"}); 
         if($(this).hasClass("SubItem")||$(this).hasClass("SubItemActive") ) 
        {
            $(this).removeClass('submenuleftbg');
            $(this).children('a').removeClass('submenurightbg');
        }
        else
        {
        {
            $(this).removeClass('menuleftbg');
            $(this).children('a').removeClass('menurightbg');
        }
        }
	}); 
}