Index: openacs-4/packages/new-portal/www/place-element.adp
===================================================================
RCS file: /usr/local/cvsroot/openacs-4/packages/new-portal/www/place-element.adp,v
diff -u -r1.44 -r1.45
--- openacs-4/packages/new-portal/www/place-element.adp	8 Aug 2006 21:26:59 -0000	1.44
+++ openacs-4/packages/new-portal/www/place-element.adp	15 May 2007 20:14:48 -0000	1.45
@@ -18,94 +18,97 @@
 
 %>
 
-
-<table border=0 width="100%">
-<tr><td>
-
+<div class="portlet-wrapper">
 <multiple name=element_multi>
 
 <if @element_multi.rownum@ eq 1>
-
-<form method=post action=@action_string@>
-<input type=hidden name=portal_id value=@portal_id@>
-<input type=hidden name=region value=@region@>
-<input type=hidden name=page_id value=@page_id@>
-
+    <form method=post action=@action_string@>
+        <input type=hidden name=portal_id value=@portal_id@>
+        <input type=hidden name=region value=@region@>
+        <input type=hidden name=page_id value=@page_id@>
 </if>
+  <div class="portlet-header">
+    <div class="portlet-title">
+        <h1>@element_multi.name;noquote@</h1>
+    </div>
+    <div class="portlet-controls">
+    
+        <if @element_multi.state@ ne "pinned">
+            <!-- hide/remove link and arrows begin - refactor with tempate -->
 
+            <!-- hide_remove_url -->
+            <span class="screen-reader-only">[</span>
+            <a href="@element_multi.hide_remove_url@" title="#new-portal.remove_portlet#">
+                <img src="@imgdir@/delete.gif" border=0 alt="#new-portal.remove#">
+            </a>
+            <span class="screen-reader-only">]</span>
 
-<center>  
-<table class="portlet-config" cellpadding=0 cellspacing=0 border="0" bground="white" width="95%">
-    <tr><td class="element-header-text">@element_multi.name;noquote@</td>
-    <td align=right>	
+            <if @element_multi:rowcount gt 1>
+                <if @element_multi.rownum@ gt 1>
+                    <!-- move_up_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_up_url@" title="#new-portal.move_portlet_up#">
+                        <img border="0" src="@imgdir@/arrow-up.gif" alt="#new-portal.move_up#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                </if>
 
-    <if @element_multi.state@ ne "pinned">
+                <if @element_multi:rowcount@ gt @element_multi.rownum@>
+                    <!-- move_down_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_down_url@" title="#new-portal.move_portlet_down#">
+                        <img border="0" src="@imgdir@/arrow-down.gif" alt="#new-portal.move_down#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                </if>
+            </if>
 
-    <!-- hide/remove link and arrows begin - refactor with tempate? -->
+            <if @num_regions@ gt 1>
+                <if @region@ eq 1>
+                    <!-- move_right_with_anchor_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_right_wa_url@" title="#new-portal.move_portlet_right#">
+                        <img border="0" src="@imgdir@/arrow-right.gif" alt="#new-portal.move_right#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                </if>
 
-      <a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&op_hide=1&element_id=@element_multi.element_id@&return_url=@return_url@">
-	<img src=@imgdir@/delete.gif border=0 alt="remove portlet"></a>
+                <if @region@ gt 1 and @region@ lt @num_regions@>
+                    <!-- move_left_with_anchor_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_left_wa_url@" title="#new-portal.move_portlet_left#">
+                        <img border="0" src="@imgdir@/arrow-left.gif" alt="#new-portal.move_left#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                    <!-- move_right_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_right_url@" title="#new-portal.move_portlet_right#">
+                        <img border="0" src="@imgdir@/arrow-right.gif" alt="#new-portal.move_right#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                </if>
 
-    <if @element_multi:rowcount gt 1>
-      <if @element_multi.rownum@ gt 1>
-        <a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&region=@region@&op_swap=1&element_id=@element_multi.element_id@&direction=up&page_id=@page_id@&return_url=@return_url@">
-	<img border=0 src="@imgdir@/arrow-up.gif" alt="move up"></a>
-      </if>
-      <if @element_multi:rowcount@ gt @element_multi.rownum@>
-        <a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&region=@region@&op_swap=1&element_id=@element_multi.element_id@&direction=down&page_id=@page_id@&return_url="@return_url@">
-	<img border=0 src="@imgdir@/arrow-down.gif" alt="move down"></a>
-      </if>
-    </if>
+                <if @region@ eq @num_regions@>
+                    <!-- move_left_with_anchor_url -->
+                <span class="screen-reader-only">[</span>
+                    <a href="@element_multi.move_left_wa_url@" title="#new-portal.move_portlet_left#">
+                        <img border="0" src="@imgdir@/arrow-left.gif" alt="#new-portal.move_left#">
+                    </a>
+                <span class="screen-reader-only">]</span>
+                </if>
+            </if>
+        </if>
+    </div> <!-- portlet-controls -->
+   </div> <!-- portlet-header -->
+   <if @element_multi.rownum@ eq 1>
+     </form>
+   </if>
+   <div class="portlet">
+     <include src=place-element-other-page &="element_multi" portal_id=@portal_id@ page_id=@page_id@ action_string=@action_string@ anchor=@page_id@ return_url=@return_url@>
+   </div>
+  </multiple>
+</div> <!-- portlet-wrapper -->
 
-    <if @num_regions@ gt 1>
-	<if @region@ eq 1>
-	<a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&op_move=1&element_id=@element_multi.element_id@&direction=right&region=@region@&return_url=@return_url@">
-	<img border=0 src="@imgdir@/arrow-right.gif" alt="move right"></a>
-	</if>
-	<if @region@ gt 1 and @region@ lt @num_regions@>
-	<a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&op_move=1&element_id=@element_multi.element_id@&direction=left&region=@region@&return_url=@return_url@">
-	<img border=0 src="@imgdir@/arrow-left.gif" alt="move left"></a>
-	<a href="@action_string@?portal_id=@portal_id@&op_move=1&element_id=@element_multi.element_id@&direction=right&region=@region@&return_url=@return_url@"><img border=0 src="@imgdir@/arrow-right.gif" alt="move right"></a>
-	</if>
-	<if @region@ eq @num_regions@>
-	<a href="@action_string@?anchor=@page_id@&portal_id=@portal_id@&op_move=1&element_id=@element_multi.element_id@&direction=left&region=@region@&return_url=@return_url@">
-	<img border=0 src="@imgdir@/arrow-left.gif" alt="move left"></a>
-	</if>
-    </if>
+<include src="show-here" portal_id=@portal_id@ action_string=@action_string@ region=@region@ page_id=@page_id@ anchor=@page_id@    return_url=@return_url@>
 
-      </if>
 
-    </if>
-
-    <!-- hide/remove link and arrows end -->
-</td></tr>
-<tr><td colspan=2 class="bottom-border" height="0"><img src="/shared/images/spacer.gif" alt="" ></td></tr>
-
-<tr><td></td></tr>
-<tr><td colspan=2 valign=bottom align=center>
-</form>
-
-    <include src=place-element-other-page &="element_multi" 
-             portal_id=@portal_id@
-             page_id=@page_id@
-             action_string=@action_string@
-	     anchor=@page_id@
-             return_url=@return_url@>
-</td></tr></table></center>
-<p>
-</multiple>
-
-</if>
-
-	<include src="show-here" portal_id=@portal_id@
-		action_string=@action_string@
-		region=@region@
-		page_id=@page_id@
-		anchor=@page_id@
-		return_url=@return_url@>
-
-</td>
-</tr>
-</table>
-
-