Index: lams_central/web/groupContents.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/groupContents.jsp,v
diff -u -r1.13 -r1.14
--- lams_central/web/groupContents.jsp	14 Feb 2012 18:56:55 -0000	1.13
+++ lams_central/web/groupContents.jsp	1 Mar 2012 08:45:50 -0000	1.14
@@ -16,35 +16,74 @@
 				</a>
 			</div>
 		</c:if>
-		<c:forEach var="lesson" items="${orgBean.lessons}">
-			<c:set var="hasLessonToSort">true</c:set>
-			<p id="<c:out value="${lesson.id}"/>" class="j-single-lesson">
-				<c:if test="${empty lesson.url}">
-					<a title="<c:out value="${lesson.description}"/>" class="disabled-sequence-name-link"> <c:out value="${lesson.name}" /></a> 
-				</c:if>
-				<c:if test="${not empty lesson.url}">
-					<a title="<c:out value="${lesson.description}"/>" href="<c:out value="${lesson.url}"/>" class="sequence-name-link"> <c:out value="${lesson.name}" /></a> 
-				</c:if>
-				<c:if test="${lesson.completed}"> <span class="mycourses-completed-img" title="<fmt:message key="label.completed"/>" >&nbsp;</span> </c:if>
-				<c:if test="${lesson.state eq 4}"> <span class="mycourses-stop-img" title="<fmt:message key="label.disabled"/>" >&nbsp;</span> </c:if>
-				<c:if test="${lesson.state eq 6}"> <span class="mycourses-stop-img" title="<fmt:message key="label.archived"/>" >&nbsp;</span> </c:if>
-				<c:if test="${lesson.dependent or lesson.scheduledFinish}"> <span class="mycourses-conditions-img" title="<fmt:message key="index.conditions.flag.tooltip"/>" >&nbsp;</span> </c:if>
-				<c:forEach var="lessonlink" items="${lesson.links}">
-					<c:set var="tooltip" value="" />
-					<c:if test="${lessonlink.tooltip ne null}">
-						<c:set var="tooltip">
-							<fmt:message key="${lessonlink.tooltip}" />
-						</c:set>
-					</c:if>
-				
-					<a href="<c:out value='${lessonlink.url}'/>" class="sequence-action-link ${lessonlink.style}" title="${tooltip}"> 
-						<span class="${lessonlink.spanStyle}"> 
-							<fmt:message key="${lessonlink.name}" /> 
-						</span>
-					</a>
-				</c:forEach>
-			</p>
-		</c:forEach>
+		<table style="table-layout: fixed">
+			<c:forEach var="lesson" items="${orgBean.lessons}">
+				<c:set var="hasLessonToSort">true</c:set>
+				<tr id="<c:out value="${lesson.id}"/>" class="j-single-lesson">
+					<td style="word-wrap: break-word;">
+						<c:choose>
+							<c:when test="${empty lesson.url}">
+								<a title="<c:out value="${lesson.description}"/>" class="disabled-sequence-name-link"> <c:out value="${lesson.name}" /></a> 
+							</c:when>
+							<c:otherwise>
+								<a title="<c:out value="${lesson.description}"/>" href="<c:out value="${lesson.url}"/>" class="sequence-name-link"> <c:out value="${lesson.name}" /></a> 
+							</c:otherwise>
+						</c:choose>
+					<td style="width: 150px;">
+						<c:if test="${lesson.completed}"> <span class="mycourses-completed-img" title="<fmt:message key="label.completed"/>" >&nbsp;</span> </c:if>
+						<c:if test="${lesson.state eq 4}"> <span class="mycourses-stop-img" title="<fmt:message key="label.disabled"/>" >&nbsp;</span> </c:if>
+						<c:if test="${lesson.state eq 6}"> <span class="mycourses-stop-img" title="<fmt:message key="label.archived"/>" >&nbsp;</span> </c:if>
+						<c:if test="${lesson.dependent or lesson.scheduledFinish}"> <span class="mycourses-conditions-img" title="<fmt:message key="index.conditions.flag.tooltip"/>" >&nbsp;</span> </c:if>
+					</td>
+					<c:choose>
+						<c:when test="${empty lesson.links}">
+							<td style="width: 170px;"></td>
+						</c:when>
+						<c:otherwise>
+							<td class="split-menu-button" style="width: 170px;">
+								<ul>
+									<li>
+										<c:forEach var="lessonlink" items="${lesson.links}" varStatus="status">
+											<c:set var="tooltip" value="" />
+											<c:if test="${lessonlink.tooltip ne null}">
+												<c:set var="tooltip">
+													<fmt:message key="${lessonlink.tooltip}" />
+												</c:set>
+											</c:if>
+											
+											<c:choose>
+												<c:when test="${status.first}">
+													<a href="#" class="${lessonlink.style}">
+						                        		<span onclick="<c:out value='${lessonlink.url}'/>" title="${tooltip}" 
+						                        		class="${lessonlink.spanStyle}" style="margin-right:0px">
+						                        			<fmt:message key="${lessonlink.name}" /> &nbsp;
+						                        		</span>
+														<em class="">
+															<img src="<lams:LAMSURL/>/images/icons/bullet_arrow_down.png" alt="dropdown">
+														</em>
+													</a>
+													<ul class="button-menu">
+												</c:when>
+												<c:otherwise>
+													<li>
+														<a href="<c:out value='${lessonlink.url}'/>" class="${lessonlink.style}">
+															<span class="${lessonlink.spanStyle}" title="${tooltip}"><fmt:message key="${lessonlink.name}" /> &nbsp;</span>
+														</a>
+													</li>
+													<c:if test="${status.last}">
+														</ul>
+													</c:if>
+												</c:otherwise>
+											</c:choose>
+										</c:forEach>
+									</li>
+								</ul>
+			        		</td>
+						</c:otherwise>
+					</c:choose>
+				</tr>
+			</c:forEach>
+		</table>
 		</div>
 	</div>
 		
@@ -74,31 +113,72 @@
 		<div class="sequence-name">
 			<div id="<c:out value="${childOrg.id}"/>" class="j-subgroup-lessons"><c:forEach var="childLesson" items="${childOrg.lessons}">
 				<c:set var="hasLessonToSort">true</c:set>
-				<p id="<c:out value="${childLesson.id}"/>" class="j-single-subgroup-lesson">
-					<c:if test="${empty childLesson.url}">
-						<a title="<c:out value="${childLesson.description}"/>" class="disabled-sequence-name-link"> <c:out value="${childLesson.name}" /></a>
-					</c:if>
-					<c:if test="${not empty childLesson.url}">
-						<a title="<c:out value="${childLesson.description}"/>" href="<c:out value='${childLesson.url}'/>" class="sequence-name-link"> <c:out value="${childLesson.name}" /></a> 
-					</c:if>
-					<c:if test="${childLesson.completed}"> <span class="mycourses-completed-img" title="<fmt:message key="label.completed"/>" >&nbsp;</span> </c:if>
-					<c:if test="${childLesson.state eq 4}"> <span class="mycourses-stop-img" title="<fmt:message key="label.disabled"/>" >&nbsp;</span> </c:if>
-					<c:if test="${childLesson.state eq 6}"> <span class="mycourses-stop-img" title="<fmt:message key="label.archived"/>" >&nbsp;</span> </c:if>
-					<c:if test="${lesson.dependent or lesson.scheduledFinish}"> <span class="mycourses-conditions-img" title="<fmt:message key="index.conditions.flag.tooltip"/>" >&nbsp;</span> </c:if>
-					<c:forEach var="childlessonlink" items="${childLesson.links}">
-						<c:set var="tooltip" value="" />
-						<c:if test="${childlessonlink.tooltip ne null}">
-							<c:set var="tooltip">
-								<fmt:message key="${childlessonlink.tooltip}" />
-							</c:set>
-						</c:if>
-						<a href="<c:out value='${childlessonlink.url}'/>" class="sequence-action-link ${childlessonlink.style}" title="${tooltip}"> 
-							<span class="${childlessonlink.spanStyle}"> 
-								<fmt:message key="${childlessonlink.name}" /> 
-							</span>
-						</a>
-					</c:forEach>
-				</p>
+				<table style="table-layout: fixed">
+					<tr id="<c:out value="${childLesson.id}"/>" class="j-single-subgroup-lesson">
+						<td style="word-wrap: break-word;">
+							<c:choose>
+								<c:when test="${empty childlesson.url}">
+									<a title="<c:out value="${childlesson.description}"/>" class="disabled-sequence-name-link"> <c:out value="${childlesson.name}" /></a> 
+								</c:when>
+								<c:otherwise>
+									<a title="<c:out value="${childlesson.description}"/>" href="<c:out value="${childlesson.url}"/>" class="sequence-name-link"> <c:out value="${childlesson.name}" /></a> 
+								</c:otherwise>
+							</c:choose>
+						</td>
+						<td style="width: 150px;">
+							<c:if test="${childLesson.completed}"> <span class="mycourses-completed-img" title="<fmt:message key="label.completed"/>" >&nbsp;</span> </c:if>
+							<c:if test="${childLesson.state eq 4}"> <span class="mycourses-stop-img" title="<fmt:message key="label.disabled"/>" >&nbsp;</span> </c:if>
+							<c:if test="${childLesson.state eq 6}"> <span class="mycourses-stop-img" title="<fmt:message key="label.archived"/>" >&nbsp;</span> </c:if>
+							<c:if test="${lesson.dependent or lesson.scheduledFinish}"> <span class="mycourses-conditions-img" title="<fmt:message key="index.conditions.flag.tooltip"/>" >&nbsp;</span> </c:if>
+						</td>
+						<c:choose>
+							<c:when test="${empty childlesson.links}">
+								<td style="width: 170px;"></td>
+							</c:when>
+							<c:otherwise>
+								<td class="split-menu-button" style="width: 170px;">
+									<ul>
+										<li>
+											<c:forEach var="childlessonlink" items="${childLesson.links}">
+												<c:set var="tooltip" value="" />
+												<c:if test="${childlessonlink.tooltip ne null}">
+													<c:set var="tooltip">
+														<fmt:message key="${childlessonlink.tooltip}" />
+													</c:set>
+												</c:if>
+												
+												<c:choose>
+													<c:when test="${status.first}">
+														<a href="#" class="${childlessonlink.style}">
+							                        		<span onclick="<c:out value='${childlessonlink.url}'/>" title="${tooltip}" 
+							                        		class="${childlessonlink.spanStyle}" style="margin-right:0px">
+							                        			<fmt:message key="${childlessonlink.name}" /> &nbsp;
+							                        		</span>
+															<em class="">
+																<img src="<lams:LAMSURL/>/images/icons/bullet_arrow_down.png" alt="dropdown">
+															</em>
+														</a>
+														<ul class="button-menu">
+													</c:when>
+													<c:otherwise>
+														<li>
+															<a href="<c:out value='${childlessonlink.url}'/>" class="${childlessonlink.style}">
+																<span class="${childlessonlink.spanStyle}" title="${tooltip}"><fmt:message key="${childlessonlink.name}" /> &nbsp;</span>
+															</a>
+														</li>
+														<c:if test="${status.last}">
+															</ul>
+														</c:if>
+													</c:otherwise>
+												</c:choose>
+											</c:forEach>
+										</li>
+									</ul>
+			        			</td>
+		   					</c:otherwise>
+						</c:choose>
+					</tr>
+				</table>
 			</c:forEach></div>
 		</div>
 	</div>
Index: lams_central/web/main.jsp
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/main.jsp,v
diff -u -r1.44 -r1.45
--- lams_central/web/main.jsp	13 Nov 2009 03:13:52 -0000	1.44
+++ lams_central/web/main.jsp	1 Mar 2012 08:45:50 -0000	1.45
@@ -27,6 +27,7 @@
 	<link rel="icon" href="<lams:LAMSURL/>/favicon.ico" type="image/x-icon" />
 	<link rel="shortcut icon" href="<lams:LAMSURL/>/favicon.ico" type="image/x-icon" />
 	<link rel="stylesheet" href="<lams:LAMSURL/>/css/thickbox.css" type="text/css" media="screen">
+	<link rel="stylesheet" href="<lams:LAMSURL/>/css/buttonMenuSplit.css" type="text/css">
 	<script language="JavaScript" type="text/javascript" src="includes/javascript/getSysInfo.js"></script>
 	<script language="javascript" type="text/javascript" src="loadVars.jsp"></script>
 	<script language="JavaScript" type="text/javascript" src="includes/javascript/openUrls.js"></script>
@@ -58,6 +59,23 @@
 				 		$.get("${disableAllTutorialVideosUrl}");
 					}
 				</c:if>
+				
+				$(".split-menu-button li em").live("click", function(event) {
+					var hidden = $(this).parents("li").children("ul").is(":hidden");
+					$(this).parents("li").children("ul").hide();
+					$(this).parents("li").children("a").removeClass("zoneCur");
+						
+					if (hidden) {
+						$(this)
+							.parents("li").children("ul").toggle()
+							.parents("li").children("a").addClass("zoneCur");
+						} 
+
+	                event.stopPropagation();
+				   });
+		       $("html").click(function() {
+	                $(".split-menu-button>ul>li>ul").hide();
+	           });
 			});
 		
 			function getEnableSortingText() {
Index: lams_central/web/css/buttonMenuSplit.css
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/css/Attic/buttonMenuSplit.css,v
diff -u
--- /dev/null	1 Jan 1970 00:00:00 -0000
+++ lams_central/web/css/buttonMenuSplit.css	1 Mar 2012 08:45:50 -0000	1.1
@@ -0,0 +1,61 @@
+/*
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
+
+*/
+
+.split-menu-button {
+	}
+	.split-menu-button ul {
+		}
+		.split-menu-button ul li {
+			position: relative;
+			float: left;
+            list-style-type: none;
+			}
+			.split-menu-button ul li:hover {
+				/* background: url(http://shaun.lamsfoundation.org/lams/images/incons/bullet_arrow_down.png) center left no-repeat; */
+                background-color: yellow;
+			}
+			.split-menu-button ul li a {
+                border-bottom: none;
+				display: block;
+				float: left;
+				position: relative;
+				color: #383838;
+				font-weight: bold;
+				text-decoration: none;
+				}
+				.split-menu-button ul li a:hover, #zone-bar ul li a.zoneCur {
+            	   /* background: url(http://shaun.lamsfoundation.org/lams/images/incons/bullet_arrow_down.png) center right no-repeat; */
+                     background-color: yellow;
+				}
+			.split-menu-button ul li ul {
+				display: none;
+				position: absolute;
+				top: 22px;
+				left: -20px;
+				border: 1px solid #ccc;
+				background: white;
+				z-index: 1;
+				}
+				.split-menu-button ul li ul li {
+					float: none;
+					padding: 0; margin: 0;
+					height: 20px;
+				}
+				.split-menu-button ul li ul li:hover {
+					background: none;
+					}
+					.split-menu-button ul li ul li a {
+						display: block;
+						float: none;
+						margin-left: 5px;
+						width: 180px;
+					}
+					.split-menu-button ul li ul li a:hover {
+						/* background: #d9f0b7; */
+					}
+}
Index: lams_central/web/includes/javascript/groupDisplay.js
===================================================================
RCS file: /usr/local/cvsroot/lams_central/web/includes/javascript/groupDisplay.js,v
diff -u -r1.10 -r1.11
--- lams_central/web/includes/javascript/groupDisplay.js	9 Jul 2009 08:47:32 -0000	1.10
+++ lams_central/web/includes/javascript/groupDisplay.js	1 Mar 2012 08:45:50 -0000	1.11
@@ -160,10 +160,10 @@
 						jQuery(element).height()],
 						onStop: function() {
 							var ids = [];
-							jQuery(this).parent().children("p").each(function(i, element) {
+							jQuery(this).siblings("tr").each(function(i, element) {
 								ids.push(element.id);
 							});
-							var jLessonsId = jQuery(this).parent().attr("id");
+							var jLessonsId = jQuery(this).parents("div[class$='lessons']").attr("id");
 							var dashIndex = jLessonsId.indexOf("-");
 							var orgId = (dashIndex>0 ? jLessonsId.substring(0, dashIndex) : jLessonsId);
 							jQuery.ajax({