better xhtml compliance

better admin console
some bug fixes

www/extras/adminConsole/adminConsole.css

@@ -47,12 +47,13 @@ th {
 
 .adminConsoleWorkArea {
  	border: 1px solid #D7D7D7;
-	margin: 65px 190px 50px 10px;
+	margin: 65px 170px 10px 9px;
 	padding: 15px;
 	-moz-border-radius: 10px;
 	background-color: #fafafa;
 	min-height: 400px;
-	width: 75%;
+	width: 78%;
+	z-index: 10;
 }
 /* Hides from non-ie: the holly hack \*/
 * html .adminConsoleWorkArea {
@@ -63,44 +64,59 @@ th {
 
 
 .adminConsoleMenu {
+	z-index: 0;
 	position: absolute;
 	top: 65px;
-	right: 10px;
+	left: 78%;
+	margin-top: 10px;
+	margin-left: 31px;
 	width: 180px;
 	font-family: helvetica, arial;
 	font-size: 12px;
-	z-index: 1000;
 }
 
 .adminConsoleMainMenu:hover, .adminConsoleUtilityMenu:hover {
 	opacity: 1.0;
+	z-index: 10;
 	background-color: #fafafa;
 }
 
 .adminConsoleMainMenu {
- 	border: 1px solid #D7D7D7;
+	z-index: 1;
+ 	border-top: 1px solid #D7D7D7;
+ 	border-bottom: 1px solid #D7D7D7;
+ 	border-right: 1px solid #D7D7D7;
 	padding: 5px;
+	padding-left: 10px;
 	margin: 5px;
 	-moz-border-radius: 5px;
-	background-color: #bbbbbb;
+	background-color: #fafafa;
 	opacity: 0.7;
 }
 
 .adminConsoleSubmenu {
- 	border: 1px solid #D7D7D7;
+	z-index: 10;
+ 	border-top: 1px solid #D7D7D7;
+ 	border-bottom: 1px solid #D7D7D7;
+ 	border-right: 1px solid #D7D7D7;
 	padding: 5px;
+	padding-left: 10px;
 	margin: 5px;
 	-moz-border-radius: 5px;
 	background-color: #fafafa;
 }
 
 .adminConsoleUtilityMenu {
+	z-index: 1;
 	opacity: 0.6;
- 	border: 1px solid #D7D7D7;
+ 	border-top: 1px solid #D7D7D7;
+ 	border-bottom: 1px solid #D7D7D7;
+ 	border-right: 1px solid #D7D7D7;
 	padding: 5px;
+	padding-left: 10px;
 	margin: 5px;
 	-moz-border-radius: 5px;
-	background-color: #bbbbbb;
+	background-color: #fafafa;
 }
 
 .adminConsoleHidden {

www/extras/adminConsole/adminConsole.js

@@ -1,16 +1,14 @@
  
 var adminConsoleIsOn = true;
-
+var adminConsoleApplicationSubmenu = false;
 function initAdminConsole (viewAnApplication,hasSubmenu) {
+	adminConsoleApplicationSubmenu = hasSubmenu;	
         if (viewAnApplication) {
                 switchToApplication();
         } else {
                 switchToAdminConsole();
         	document.getElementById("adminConsoleMainMenu").className = "adminConsoleHidden";
         }
-	if (!hasSubmenu) {
-        	document.getElementById("adminConsoleApplicationSubmenu").className = "adminConsoleHidden";
-	}
 }
  
 function switchToApplication () {
@@ -21,7 +19,9 @@ function switchToApplication () {
         document.getElementById("application_help").className = "adminConsoleHelpIcon";
         document.getElementById("application_icon").className = "adminConsoleTitleIcon";
         document.getElementById("application_title").className = "adminConsoleTitle";
-        document.getElementById("adminConsoleApplicationSubmenu").className = "adminConsoleSubmenu";
+	if (adminConsoleApplicationSubmenu) {
+       	 	document.getElementById("adminConsoleApplicationSubmenu").className = "adminConsoleSubmenu";
+	}
         document.getElementById("application_workarea").className = "adminConsoleWorkArea";
         document.getElementById("console_toggle_off").className = "adminConsoleHidden";
         document.getElementById("console_toggle_on").className = "adminConsoleToggle";

www/extras/assetManager/assetManager.css

@@ -48,7 +48,8 @@
         position:absolute;
         display: none;
         border: 1px dashed #405F6E;
-        font-size: 12;}
+        font-size: 12px;
+}
 
 .dragImage {
 	position:absolute;

www/extras/contextMenu/contextMenu.js

@@ -33,8 +33,8 @@ var firedobj = ie5?e.srcElement:e.target;
 		var el = document.documentElement;
                posx = e.clientX - xoffset + (ie5? el.scrollLeft : window.pageXOffset);
                posy = e.clientY - yoffset + (ie5? el.scrollTop : window.pageYOffset);
-	menuobj.style.left=posx;
-	menuobj.style.top=posy;
+	menuobj.style.left=posx + "px";
+	menuobj.style.top=posy + "px";
       menuobj.style.visibility="visible"
 	return false
 }

www/extras/draggable.css

@@ -16,7 +16,7 @@ div.dragable:hover {
    opacity:0.6;
    -moz-opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-  cursor: hand;
+  cursor: pointer;
   z-index: 2000; 
 }
 .draggedOverTop{
@@ -34,12 +34,12 @@ div.dragable:hover {
 }
 .blank {
   position: relative;
-  cursor: hand;
+  cursor: pointer;
   background-color: white;
 }
 .blankOver {
   position: relative;
-  cursor: hand;
+  cursor: pointer;
   background-color: black;
 }
 .empty {

www/extras/slidePanel/slidePanel.css

@@ -1,24 +1,18 @@
-#slidePanelBar {
+#slidePanel {
 	position:absolute;
-	font:bold 12px Verdana;
+	font: bold 12px sans-serif;
 	line-height:20px;
   	text-align: left;
+	left:0px; 
+	top:0px;
 }
 
-#slidePanelBarHandle {
-	z-index: 100000;
-	position: absolute;
-	top: 0px;
-	right: 3px;
-	line-height: 100px;
-}
-
-.panelButton {
+.slidePanelButton {
 	width:300px;
 	text-align:center; 
-	font-family:arial; 
+	font-family: sans-serif; 
 	font-size:11px; 
-	cursor:hand; 
+	cursor: pointer; 
 	border-width:1px; 	 
 	border-color: #ACACAC; 
 	background-color:#dddddd;
@@ -29,14 +23,14 @@
 	border-style: solid;
 } 
 
-.panelButton A, .panelButton A:visited, .panelButton A:link {
+.slidePanelButton A, .slidePanelButton A:visited, .slidePanelButton A:link {
 	text-decoration: none;
 	color: black;
 }
 
 .scrollPanelUp {
 	position:absolute; 
-	top:40px;
+	top: 40px;
 }
 
 .scrollPanelDown {
@@ -59,24 +53,27 @@
 }
 
 .panelLinkOut {
-	position:absolute; 
+	position: absolute; 
 	overflow: hidden;
 	height: 20px;
-	cursor: hand;
-	left:0px; 
+	cursor: pointer;
+	left: 0px; 
 	font-size: 11px;
-	font-family: helvetica, arial, sans;
+	color: black;
+	font-family: sans-serif;
 }
+
 .panelLinkIn {
 	position:absolute; 
 	cursor: pointer;
 	height: 20px;
 	overflow: hidden;
-	cursor: hand;
+	cursor: pointer;
 	left:0px; 
 	border: 1px solid #DEDCDC;
 	font-size: 11px;
-	font-family: helvetica, arial, sans;
+	font-family: sans-serif;
+	color: black;
 	background-color: #F5F5F5;
 }
 

www/extras/slidePanel/slidePanel.js

@@ -1,53 +1,8 @@
-var panelButtonHeight = 23;
-var panelLinkTop = 25;
-
-
-
-//create a crossbrowser layer object
-function createLayerObject(name) {
-  	this.name=name;
-  	this.obj=document.getElementById(name);
-  	this.cssobj.style;
-  	this.x=parseInt(this.css.left);
-  	this.y=parseInt(this.css.top);
-  	this.show=b_show;
-  	this.hide=b_hide;
-  	this.moveTo=b_moveTo;
-  	this.moveBy=b_moveBy;
-  	this.writeText=b_writeText;
-  	return this;
-}
-
-//crossbrowser show
-function b_show(){
-  	this.css.visibility='visible';
-}
-
-//crossbrowser hide
-function b_hide(){
-  	this.css.visibility='hidden';
-}
-
-//crossbrowser move absolute
-function b_moveTo(x,y){
-	this.x = x;
-  	this.y = y;
-  	this.css.left=x;
-  	this.css.top=y;
-}
-
-//crossbrowser move relative
-function b_moveBy(x,y){
-  	this.moveTo(this.x+x, this.y+y)
-}
-
-//write text into a layer
-function b_writeText(text) {
-     	this.obj.innerHTML=text;
-}
+var slidePanelButtonHeight = 23;
+var slidePanelLinkTop = slidePanelButtonHeight+2;
 
 //add one button to a panel
-function b_addLink(img, label, action) {
+function sp_addLink(img, label, action) {
   	this.img[this.img.length]=img;
   	this.lbl[this.lbl.length]=label;
   	this.act[this.act.length]=action;
@@ -56,11 +11,11 @@ function b_addLink(img, label, action) {
 }
 
 //test if scroll buttons should be visible
-function b_testScroll() {
+function sp_testScroll() {
     	var i=parseInt(this.obj.style.height);
     	var j=parseInt(this.objf.style.height);
   	var k=parseInt(this.objf.style.top);
-  	if (k==panelLinkTop)
+  	if (k==slidePanelLinkTop)
     		this.objm1.style.visibility='hidden';
   	else
     		this.objm1.style.visibility='visible';
@@ -71,9 +26,7 @@ function b_testScroll() {
 }
 
 //scroll the panel content up
-function b_up(nr) {
-
-
+function sp_up(nr) {
 	this.ftop = this.ftop - 5;
     	this.objf.style.top=(this.ftop+'px');
     	//this.objf.style.zIndex=1;
@@ -84,13 +37,11 @@ function b_up(nr) {
       		this.testScroll();
 }
 
-
-
 //scroll the panel content down
-function b_down(nr) {
+function sp_down(nr) {
 	this.ftop = this.ftop + 5;
-    	if (this.ftop>=panelLinkTop) {
-      		this.ftop=panelLinkTop;
+    	if (this.ftop>=slidePanelLinkTop) {
+      		this.ftop=slidePanelLinkTop;
       		nr=0;
     	}
     	this.objf.style.top=(this.ftop+'px');
@@ -104,7 +55,7 @@ function b_down(nr) {
 //create one panel
 function createPanel(name,caption) {
   	this.name=name;                  // panel layer ID
-  	this.ftop=panelLinkTop;                    // actual panel scroll position
+  	this.ftop=slidePanelLinkTop;                    // actual panel scroll position
   	this.obj=null;                   // panel layer object
   	this.objc=null;                  // caption layer object
   	this.objf=null;                  // panel field layer object
@@ -115,45 +66,38 @@ function createPanel(name,caption) {
   	this.lbl=new Array();            // button labels
   	this.act=new Array();            // button actions
   	this.sta=new Array();            // button status (internal)
-  	this.addLink=b_addLink;      // add one button to panel
-    	this.testScroll=b_testScroll;    // test if scroll buttons should be visible
-    	this.up=b_up;                    // scroll panel buttons up
-    	this.down=b_down;                // scroll panel buttons down
+  	this.addLink=sp_addLink;      // add one button to panel
+    	this.testScroll=sp_testScroll;    // test if scroll buttons should be visible
+    	this.up=sp_up;                    // scroll panel buttons up
+    	this.down=sp_down;                // scroll panel buttons down
   	this.v = this.name + "var";   // global var of 'this'
   	eval(this.v + "=this");
   	return this
 }
 
 //add one panel to the slider
-function b_addPanel(panel) {
+function sp_addPanel(panel) {
   	panel.name=this.name+'_panel'+this.panels.length
   	this.panels[this.panels.length] = panel;
 }
 
 
 // Draw the slider
-function b_draw() {
-	document.body.style.marginLeft = '160px';	
+function sp_draw() {
+	document.body.style.marginLeft = this.width+'px';	
 	var i;
 	var j;
 	var t=0;
 	var h;
 	var c=3;
 
-	//slide panel bar
-	var slidemenu_width='160px' //specify width of menu (in pixels)
-	var slidemenu_reveal='15px' //specify amount that menu should protrude initially
-	var slidemenu_top='0px'   //specify vertical offset of menu on page
-	//document.write('<div id="slidePanelBar" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'px; width:'+slidemenu_width+'px;" onmouseover="pullSlidePanelBar()" onmouseout="pushSlidePanelBar()">');
-	document.write('<div id="slidePanelBar" style="left:0px; top:'+slidemenu_top+'px; width:'+slidemenu_width+'px"/ >');
-	//document.write('<div id="slidePanelBarHandle">&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br /></div>');
-
-    	//slide panel .
+	//slide panel 
+	document.write('<div id="slidePanel" style="width:'+this.width+'px">');
     	document.write('<div class="slidePanel" id="'+this.name+'" style="left:');
     	document.write(this.xpos+'px; top:'+this.ypos+'px; width:'+this.width);
     	document.write('px; height:'+this.height+'px; ')
     	document.write('; clip:rect(0px,'+this.width+'px,'+this.height+'px,0px)">');
-    	h=this.height-((this.panels.length-1)*panelButtonHeight)
+    	h=this.height-((this.panels.length-1)*slidePanelButtonHeight)
 
     	//one layer for every panel...
     	for (i=0;i<this.panels.length;i++) {
@@ -161,29 +105,29 @@ function b_draw() {
       		document.write('" style="top:'+t);
       		document.write('px; width:'+this.width+'px; height:'+h+'px; clip:rect(0px, ');
       		document.write(this.width+'px, '+h+'px, 0px);">');
-      		t=t+panelButtonHeight;
+      		t=t+slidePanelButtonHeight;
 
        		//one layer to host the panel links 
       		document.write('<div class="panelLinkHolder" id="'+this.name+'_panel'+i);
-      		document.write('_f" style="top:'+panelLinkTop+'px; width:');
+      		document.write('_f" style="top:'+slidePanelLinkTop+'px; width:');
       		document.write(this.width+'px; height:');
       		document.write((this.panels[i].img.length*this.buttonspace)+'px;">');
       		mtop=0
 
       		for (j=0;j<this.panels[i].img.length;j++) {
 			document.write('<div id="'+this.name+'_panel'+i+'_b'+j+'" class="panelLinkOut" style="top:'+mtop+'px;width:'+this.width+'px;" onmouseover="this.className=\'panelLinkIn\';" onmouseup="document.location=\''+this.panels[i].act[j]+'\';" onmouseout="this.className=\'panelLinkOut\';">');
-			document.write('<img src="'+this.panels[i].img[j]+'" align="middle" border="0px" alt="icon" />');
+			document.write('<p style="display:inline;vertical-align:middle;"><img src="'+this.panels[i].img[j]+'" style="border: 0px; vertical-align: middle;" alt="icon" />');
 			document.write(' '+this.panels[i].lbl[j]);
-			document.write('</div>');
+			document.write('</p></div>');
         		mtop=mtop+this.buttonspace;
       		}
 
       		document.write('</div>');
 
-        	document.write('<div id="'+this.name+'_panel'+i+'_c" class="panelButton" ');
+        	document.write('<div id="'+this.name+'_panel'+i+'_c" class="slidePanelButton" ');
         	document.write('onClick="javascript:'+this.v+'.showPanel('+i);
         	document.write(');" style="width:');
-        	document.write((this.width-c)+'px; height:'+(panelButtonHeight-c)+'px;"><a href="#" ');
+        	document.write((this.width-c)+'px; height:'+(slidePanelButtonHeight-c)+'px;"><a href="#" ');
         	document.write('onClick="'+this.v+'.showPanel('+i+');this.blur();');
         	document.write('return false;">');
         	document.write(this.panels[i].caption);
@@ -194,22 +138,22 @@ function b_draw() {
       		document.write('_m1" class="scrollPanelUp" style="left:');
       		document.write((this.width-20)+'px;"><a href="#" onclick="');
       		document.write(this.panels[i].v+'.down(16);this.blur();return false;" >');
-      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowup.gif" border="0px" alt="scroll up" />');
+      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowup.gif" style="border: 0px;" alt="scroll up" />');
       		document.write('</a></div>');
 
 		// scroll-down
       		document.write('<div class="scrollPanelDown" id="'+this.name+'_panel'+i);
       		document.write('_m2" style="top:');
-      		document.write((this.height-(this.panels.length)*panelButtonHeight)+'px; left:');
+      		document.write((this.height-(this.panels.length)*slidePanelButtonHeight)+'px; left:');
       		document.write((this.width-20)+'px;"><a href="#" onclick="');
       		document.write(this.panels[i].v+'.up(16);this.blur();return false">');
-      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowdown.gif" border="0px" alt="scroll down" />');
+      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowdown.gif" style="border: 0px;" alt="scroll down" />');
       		document.write('</a></div>');
 
       		document.write('</div>')
 
     	}
-    	document.write('</div>');
+    	document.write('</div></div>')
 
   	for (i=0;i<this.panels.length;i++) {
     		this.panels[i].obj=document.getElementById(this.name+'_panel'+i);
@@ -220,65 +164,57 @@ function b_draw() {
       		this.panels[i].objm2=document.getElementById(this.name+'_panel'+i+'_m2');
     		this.panels[i].testScroll();
   	}
-	rightboundary=0
-	leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
-
-	document.write('</div>')
-	themenu=document.getElementById("slidePanelBar").style;
-
   	//activate last panel
     	//actual panel is saved in a cookie
-    	if (document.cookie)
-      		this.showPanel(document.cookie);
+	var cookie = sp_readCookie("slidePanel");
+    	if (cookie)
+      		this.showPanel(cookie);
         else
       		this.showPanel(0);
 	//float the panel as someone scrolls
         startY = 0;
         var d = document;
-        function ml(id)
-        {
+        function ml(id) {
                 var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
                 if(d.layers)el.style=el;
-                el.sP=function(y){this.style.top=y;};
+                el.sP=function(y){this.style.top=y+"px";};
                 el.y = startY;
                 return el;
         }
-        window.floatBarWithScroll=function()
-        {
-                
+        window.floatSlidePanelWithScroll=function() {
 		//Added to allow support for xhtml transitional
 		var docElement = document.documentElement;
-    
 		if (document.compatMode && document.compatMode == "BackCompat") {
 			docElement = document.body;
 		}
-
-		
 		//var pY = document.body.scrollTop;
                 var pY = docElement.scrollTop;
 		ftlObj.y += (pY + startY - ftlObj.y)/8;
+		if (ftlObj.y < 0) {
+			ftlObj.y = 0
+		}
                 ftlObj.sP(ftlObj.y);
-                setTimeout("floatBarWithScroll()", 10);
+                setTimeout("floatSlidePanelWithScroll()", 10);
         }
-        ftlObj = ml("slidePanelBar");
-        floatBarWithScroll();
+        ftlObj = ml("slidePanel");
+        floatSlidePanelWithScroll();
 }
 
 
 
-function b_showPanel(nr) {
+function sp_showPanel(nr) {
 	var i
 	var l
 	var o
-  //	document.cookie=nr;
+	sp_createCookie("slidePanel",nr,1);
   	this.aktPanel=nr;
   	l = this.panels.length;
   	for (i=0;i<l;i++) {
     		//alert(nr);		
 		if (i>nr) {
-      			this.panels[i].obj.style.top=this.height-((l-i)*panelButtonHeight)+"px";
+      			this.panels[i].obj.style.top=this.height-((l-i)*slidePanelButtonHeight)+"px";
     		} else {
-      			this.panels[i].obj.style.top=i*panelButtonHeight+"px";
+      			this.panels[i].obj.style.top=i*slidePanelButtonHeight+"px";
     		}
   	}
 }
@@ -286,58 +222,52 @@ function b_showPanel(nr) {
 function createSlidePanelBar(name) {
 	//Added to allow support for xhtml transitional
 	var docElement = document.documentElement;
-    
 	if (document.compatMode && document.compatMode == "BackCompat") {
 		docElement = document.body;
 	}  	
-	
-	
 	this.aktPanel=0;                        // last open panel
-  	this.name=name                          // name
+  	this.name=name;                          // name
   	this.xpos=0;                            // bar x-pos
   	this.ypos=0;                            // bar y-pos
   	this.width=160;                       // bar width
   	//this.height=((navigator.appVersion.indexOf("MSIE ") == -1)?innerHeight:document.body.offsetHeight)-10;                     // bar height
 	this.height=((navigator.appVersion.indexOf("MSIE ") == -1)?innerHeight:docElement.offsetHeight)-10;                     // bar height
-  	this.buttonspace=22                     // distance of panel buttons
-  	this.panels=new Array()                 // panels
-  	this.addPanel=b_addPanel;               // add new panel to bar
-  	this.draw=b_draw;                       // write HTML code of bar
-    	this.showPanel=b_showPanel;           // make a panel visible
+  	this.buttonspace=slidePanelButtonHeight-1;                     // distance of panel buttons
+  	this.panels=new Array();                 // panels
+  	this.addPanel=sp_addPanel;               // add new panel to bar
+  	this.draw=sp_draw;                       // write HTML code of bar
+    	this.showPanel=sp_showPanel;           // make a panel visible
   	this.v = name + "var";                  // global var of 'this'
   	eval(this.v + "=this");
-  	return this
+  	return this;
 }
 
 
-function pullSlidePanelBar(){
-	if (window.drawit)
-		clearInterval(drawit);
-	pullit=setInterval("pullengine()",10);
-	document.getElementById("slidePanelBarHandle").innerHTML="";
-}
-
-function pushSlidePanelBar(){
-	clearInterval(pullit);
-	drawit=setInterval("drawengine()",10);
-	document.getElementById("slidePanelBarHandle").innerHTML="&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br />";
-}
-
-function pullengine(){
-	if (parseInt(themenu.left)<rightboundary)
-		themenu.left=parseInt(themenu.left)+10+"px";
-	else if (window.pullit){
-		themenu.left=0;
-		clearInterval(pullit);
+function sp_createCookie(name,value,days) {
+	if (days)
+	{
+		var date = new Date();
+		date.setTime(date.getTime()+(days*24*60*60*1000));
+		var expires = "; expires="+date.toGMTString();
 	}
+	else var expires = "";
+	document.cookie = name+"="+value+expires+"; path=/";
 }
 
-function drawengine(){
-	if (parseInt(themenu.left)>leftboundary)
-		themenu.left=parseInt(themenu.left)-10+"px";
-	else if (window.drawit){
-		themenu.left=leftboundary;
-		clearInterval(drawit);
+function sp_readCookie(name) {
+	var nameEQ = name + "=";
+	var ca = document.cookie.split(';');
+	for(var i=0;i < ca.length;i++)
+	{
+		var c = ca[i];
+		while (c.charAt(0)==' ') c = c.substring(1,c.length);
+		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 	}
+	return null;
 }
 
+function sp_eraseCookie(name) {
+	sp_createCookie(name,"",-1);
+}
+
+