Point check-in of the Office 2003 Add-in. Currently only Word has been developed - Excel is just a bare framework. To test, use installer provided in AlfrescoWord2003Setup\Debug and check the README in the templates folder.

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5787 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261

source/web/scripts/office/doc_details.js

@@ -0,0 +1,110 @@
+var xmlHttp
+
+function showStatus(url)
+{
+   xmlHttp=GetXmlHttpObject()
+   if (xmlHttp==null)
+   {
+      alert ("Browser does not support HTTP Request")
+      return
+   }        
+   xmlHttp.onreadystatechange=stateChanged 
+   xmlHttp.open("GET",url,true)
+   xmlHttp.send(null)
+} 
+
+function stateChanged() 
+{ 
+   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
+   { 
+      document.getElementById("statusArea").innerHTML=xmlHttp.responseText 
+      window.location.reload();
+   } 
+} 
+
+function GetXmlHttpObject()
+{ 
+   var objXMLHttp = null;
+   if (window.XMLHttpRequest)
+   {
+      objXMLHttp=new XMLHttpRequest();
+   }
+   else if (window.ActiveXObject)
+   {
+      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
+   }
+   return objXMLHttp;
+} 
+
+function runAction(useTemplate, Action, Doc, Msg)
+{
+   if (Msg != "" && !confirm(Msg))
+   {
+      return;
+   }
+   document.getElementById("statusArea").innerHTML="Running action...";
+   showStatus("/alfresco/command/script/execute/workspace/SpacesStore/" + useTemplate + "/workspace/SpacesStore/" + Doc + "?action=" + Action);
+}
+
+
+function getWindowHeight()
+{
+   var windowHeight = 0;
+   if (typeof(window.innerHeight) == 'number')
+   {
+      windowHeight = window.innerHeight;
+   }
+   else
+   {
+      if (document.documentElement && document.documentElement.clientHeight)
+      {
+         windowHeight = document.documentElement.clientHeight;
+      }
+      else
+      {
+         if (document.body && document.body.clientHeight)
+         {
+            windowHeight = document.body.clientHeight;
+         }
+      }
+   }
+   return windowHeight;
+}
+
+function setContent()
+{
+   if (document.getElementById)
+   {
+      var windowHeight = getWindowHeight();
+      if (windowHeight > 0)
+      {
+         var detailsListHeaderElement = document.getElementById('detailsListHeader');
+         var detailsListElement = document.getElementById('detailsList');
+         var tabBarElement = document.getElementById('tabBar');
+         var bottomMarginElement = document.getElementById('bottomMargin');
+         var documentActionsElement = document.getElementById('documentActions');
+         
+         var detailsListHeight = detailsListElement.offsetHeight;
+         var detailsListHeaderHeight = detailsListHeaderElement.offsetHeight;
+         var tabBarHeight = tabBarElement.offsetHeight;
+         var bottomMarginHeight = bottomMarginElement.offsetHeight;
+         var documentActionsHeight = documentActionsElement.offsetHeight;
+   
+         if (windowHeight > 0)
+         {
+            detailsListElement.style.height = ((windowHeight- (tabBarHeight + detailsListHeaderHeight + documentActionsHeight + bottomMarginHeight)) /3) * 2 + 'px';
+            documentActionsElement.style.height = (windowHeight- (tabBarHeight + detailsListHeaderHeight + documentActionsHeight + bottomMarginHeight)) /3 + 'px';
+         }
+      }
+   }
+}
+
+window.onload = function()
+{
+   setContent();
+}
+
+window.onresize = function()
+{
+   setContent();
+}

source/web/scripts/office/my_alfresco.js

@@ -0,0 +1,182 @@
+var xmlHttp
+
+function GetXmlHttpObject()
+{ 
+   var objXMLHttp=null;
+   if (window.XMLHttpRequest)
+   {
+      objXMLHttp=new XMLHttpRequest()
+   }
+   else if (window.ActiveXObject)
+   {
+       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
+   }
+
+   return objXMLHttp;
+} 
+
+function showStatus(url)
+{
+   xmlHttp=GetXmlHttpObject();
+   if (xmlHttp==null)
+   {
+       alert("Browser does not support HTTP Request");
+       return;
+   }        
+   xmlHttp.onreadystatechange=stateChanged;
+   xmlHttp.open("GET",url+"&sid="+Math.random(),true);
+   xmlHttp.send(null);
+} 
+
+function stateChanged() 
+{ 
+   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
+   { 
+      if (xmlHttp.responseText.indexOf("System Error") > 0)
+      {
+          var myWindow = window.open("", "_blank", "scrollbars,height=500,width=400");
+          myWindow.document.write(xmlHttp.responseText);
+          document.getElementById("statusArea").innerHTML=""; 
+      }
+      else
+      {
+          document.getElementById("statusArea").innerHTML=xmlHttp.responseText; 
+          window.location.reload();
+      }
+   } 
+} 
+
+function runAction(Action, Doc, Msg)
+{
+   if (Msg != "" && !confirm(Msg))
+   {
+       return;
+   }
+   document.getElementById("statusArea").innerHTML="Running action...";
+   showStatus("/alfresco/command/script/execute/workspace/SpacesStore/${doc_actions}/workspace/SpacesStore/" + Doc + "?action=" + Action);
+}
+
+
+function getWindowHeight() {
+			var windowHeight = 0;
+			if (typeof(window.innerHeight) == 'number') {
+				windowHeight = window.innerHeight;
+			}
+			else {
+				if (document.documentElement && document.documentElement.clientHeight) {
+					windowHeight = document.documentElement.clientHeight;
+				}
+				else {
+					if (document.body && document.body.clientHeight) {
+						windowHeight = document.body.clientHeight;
+					}
+				}
+			}
+			return windowHeight;
+		}
+		function setContent() {
+			if (document.getElementById) {
+				var windowHeight = getWindowHeight();
+				if (windowHeight > 0) {
+					var mycheckedoutdocsListElement = document.getElementById('mycheckedoutdocsList');
+					var mytodoListElement = document.getElementById('mytodoList');
+					var tabBarElement = document.getElementById('tabBar');
+                                        var mycheckedoutdocsListHeaderElement = document.getElementById('mycheckedoutdocsListHeader');
+                                        var mytodoListHeaderElement = document.getElementById('mytodoListHeader');
+                                        var bottomMarginElement = document.getElementById('bottomMargin');
+                                        var documentActionsElement = document.getElementById('documentActions');
+
+					var mycheckedoutdocsListHeight = mycheckedoutdocsListElement.offsetHeight;
+					var mytodoListHeight = mytodoListElement.offsetHeight;
+					var tabBarHeight = tabBarElement.offsetHeight;
+					var mycheckedoutdocsListHeaderHeight = mycheckedoutdocsListHeaderElement.offsetHeight;
+					var mytodoListHeaderHeight = mytodoListHeaderElement.offsetHeight;
+					var bottomMarginHeight = bottomMarginElement.offsetHeight;
+                                        var documentActionsHeight = documentActionsElement.offsetHeight;
+
+					if (windowHeight > 0) {
+						mycheckedoutdocsListElement.style.height = (windowHeight- (tabBarHeight + mytodoListHeaderHeight + mycheckedoutdocsListHeaderHeight + documentActionsHeight + bottomMarginHeight)) /2 + 'px';
+						mytodoListElement.style.height = (windowHeight- (tabBarHeight + mytodoListHeaderHeight + mycheckedoutdocsListHeaderHeight + documentActionsHeight + bottomMarginHeight)) /2 + 'px';
+					}
+
+				}
+			}
+		}
+		window.onload = function() {
+			setContent();
+			stripe('mytodoList', '#fff', '#f6f8fa');
+                        stripe('mycheckedoutdocsList', '#fff', '#f6f8fa');
+		}
+		window.onresize = function() {
+			setContent();
+		}
+
+
+
+  // this function is need to work around
+  // a bug in IE related to element attributes
+  function hasClass(obj) {
+     var result = false;
+     if (obj.getAttributeNode("class") != null) {
+         result = obj.getAttributeNode("class").value;
+     }
+     return result;
+  }
+
+ function stripe(id) {
+
+    // the flag we'll use to keep track of
+    // whether the current row is odd or even
+    var even = false;
+
+    // if arguments are provided to specify the colours
+    // of the even & odd rows, then use the them;
+    // otherwise use the following defaults:
+    var evenColor = arguments[1] ? arguments[1] : "#fff";
+    var oddColor = arguments[2] ? arguments[2] : "#eee";
+
+    // obtain a reference to the desired table
+    // if no such table exists, abort
+    var table = document.getElementById(id);
+    if (! table) { return; }
+
+    // by definition, tables can have more than one tbody
+    // element, so we'll have to get the list of child
+    // <tbody>s
+    var tbodies = table.getElementsByTagName("tbody");
+
+    // and iterate through them...
+    for (var h = 0; h < tbodies.length; h++) {
+
+     // find all the &lt;tr&gt; elements...
+      var trs = tbodies[h].getElementsByTagName("tr");
+
+      // ... and iterate through them
+      for (var i = 0; i < trs.length; i++) {
+
+	    // avoid rows that have a class attribute
+        // or backgroundColor style
+	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
+
+         // get all the cells in this row...
+          var tds = trs[i].getElementsByTagName("td");
+
+          // and iterate through them...
+          for (var j = 0; j < tds.length; j++) {
+
+            var mytd = tds[j];
+
+            // avoid cells that have a class attribute
+            // or backgroundColor style
+	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
+
+		      mytd.style.backgroundColor = even ? evenColor : oddColor;
+
+            }
+          }
+        }
+        // flip from odd to even, or vice-versa
+        even =  ! even;
+      }
+    }
+  }

source/web/scripts/office/navigation.js

@@ -0,0 +1,187 @@
+
+var xmlHttp
+
+function GetXmlHttpObject()
+{ 
+   var objXMLHttp=null;
+   if (window.XMLHttpRequest)
+   {
+      objXMLHttp=new XMLHttpRequest()
+   }
+   else if (window.ActiveXObject)
+   {
+       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
+   }
+
+   return objXMLHttp;
+} 
+
+function showStatus(url)
+{
+   xmlHttp=GetXmlHttpObject();
+   if (xmlHttp==null)
+   {
+       alert("Browser does not support HTTP Request");
+       return;
+   }        
+   xmlHttp.onreadystatechange=stateChanged;
+   xmlHttp.open("GET",url+"&sid="+Math.random(),true);
+   xmlHttp.send(null);
+} 
+
+function stateChanged() 
+{ 
+   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
+   { 
+      if (xmlHttp.responseText.indexOf("System Error") > 0)
+      {
+          var myWindow = window.open("", "_blank", "scrollbars,height=500,width=400");
+          myWindow.document.write(xmlHttp.responseText);
+          document.getElementById("statusArea").innerHTML=""; 
+      }
+      else
+      {
+          document.getElementById("statusArea").innerHTML=xmlHttp.responseText; 
+          window.location.reload();
+      }
+   } 
+} 
+
+
+
+
+function runAction(useTemplate, Action, Doc, Msg)
+{
+   if (Msg != "" && !confirm(Msg))
+   {
+       return;
+   }
+   document.getElementById("statusArea").innerHTML="Running action...";
+   showStatus("/alfresco/command/script/execute/workspace/SpacesStore/" + useTemplate + "/workspace/SpacesStore/" + Doc + "?action=" + Action);
+}
+
+function getWindowHeight() {
+			var windowHeight = 0;
+			if (typeof(window.innerHeight) == 'number') {
+				windowHeight = window.innerHeight;
+			}
+			else {
+				if (document.documentElement && document.documentElement.clientHeight) {
+					windowHeight = document.documentElement.clientHeight;
+				}
+				else {
+					if (document.body && document.body.clientHeight) {
+						windowHeight = document.body.clientHeight;
+					}
+				}
+			}
+			return windowHeight;
+		}
+		function setContent() {
+			if (document.getElementById) {
+				var windowHeight = getWindowHeight();
+				if (windowHeight > 0) {
+					var spaceListElement = document.getElementById('spaceList');
+					var contentListElement = document.getElementById('contentList');
+					var tabBarElement = document.getElementById('tabBar');
+                                        var currentSpaceInfoElement = document.getElementById('currentSpaceInfo');
+                                        var spaceListHeaderElement = document.getElementById('spaceListHeader');
+                                        var contentListHeaderElement = document.getElementById('contentListHeader');
+                                        var bottomMarginElement = document.getElementById('bottomMargin');
+                                        var documentActionsElement = document.getElementById('documentActions');
+
+					var spaceListHeight = spaceListElement.offsetHeight;
+					var contentListHeight = contentListElement.offsetHeight;
+					var tabBarHeight = tabBarElement.offsetHeight;
+					var currentSpaceInfoHeight = currentSpaceInfoElement.offsetHeight;
+					var spaceListHeaderHeight = spaceListHeaderElement.offsetHeight;
+					var contentListHeaderHeight = contentListHeaderElement.offsetHeight;
+					var bottomMarginHeight = bottomMarginElement.offsetHeight;
+                                        var documentActionsHeight = documentActionsElement.offsetHeight;
+
+					if (windowHeight > 0) {
+						spaceListElement.style.height = (windowHeight- (tabBarHeight + currentSpaceInfoHeight + spaceListHeaderHeight + contentListHeaderHeight + documentActionsHeight  + bottomMarginHeight)) /2 + 'px';
+						contentListElement.style.height = (windowHeight- (tabBarHeight + currentSpaceInfoHeight + spaceListHeaderHeight + contentListHeaderHeight + documentActionsHeight  + bottomMarginHeight)) /2 + 'px';
+					}
+
+				}
+			}
+		}
+		window.onload = function() {
+			setContent();
+			stripe('spaceList', '#fff', '#f6f8fa');
+                        stripe('contentList', '#fff', '#f6f8fa');
+		}
+		window.onresize = function() {
+			setContent();
+		}
+
+
+
+  // this function is need to work around
+  // a bug in IE related to element attributes
+  function hasClass(obj) {
+     var result = false;
+     if (obj.getAttributeNode("class") != null) {
+         result = obj.getAttributeNode("class").value;
+     }
+     return result;
+  }
+
+ function stripe(id) {
+
+    // the flag we'll use to keep track of
+    // whether the current row is odd or even
+    var even = false;
+
+    // if arguments are provided to specify the colours
+    // of the even & odd rows, then use the them;
+    // otherwise use the following defaults:
+    var evenColor = arguments[1] ? arguments[1] : "#fff";
+    var oddColor = arguments[2] ? arguments[2] : "#eee";
+
+    // obtain a reference to the desired table
+    // if no such table exists, abort
+    var table = document.getElementById(id);
+    if (! table) { return; }
+
+    // by definition, tables can have more than one tbody
+    // element, so we'll have to get the list of child
+    // <tbody>s
+    var tbodies = table.getElementsByTagName("tbody");
+
+    // and iterate through them...
+    for (var h = 0; h < tbodies.length; h++) {
+
+     // find all the &lt;tr&gt; elements...
+      var trs = tbodies[h].getElementsByTagName("tr");
+
+      // ... and iterate through them
+      for (var i = 0; i < trs.length; i++) {
+
+	    // avoid rows that have a class attribute
+        // or backgroundColor style
+	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
+
+         // get all the cells in this row...
+          var tds = trs[i].getElementsByTagName("td");
+
+          // and iterate through them...
+          for (var j = 0; j < tds.length; j++) {
+
+            var mytd = tds[j];
+
+            // avoid cells that have a class attribute
+            // or backgroundColor style
+	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
+
+		      mytd.style.backgroundColor = even ? evenColor : oddColor;
+
+            }
+          }
+        }
+        // flip from odd to even, or vice-versa
+        even =  ! even;
+      }
+    }
+  }

source/web/scripts/office/search.js

@@ -0,0 +1,203 @@
+var xmlHttp
+
+function GetXmlHttpObject()
+{
+   var objXMLHttp=null;
+   if (window.XMLHttpRequest)
+   {
+      objXMLHttp=new XMLHttpRequest()
+   }
+   else if (window.ActiveXObject)
+   {
+       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
+   }
+
+   return objXMLHttp;
+}
+
+function showStatus(url)
+{
+//   alert(url);
+   xmlHttp=GetXmlHttpObject();
+   if (xmlHttp==null)
+   {
+       alert("Browser does not support HTTP Request");
+       return;
+   }
+   xmlHttp.onreadystatechange=stateChanged;
+   xmlHttp.open("GET",url+"&sid="+Math.random(),true);
+   xmlHttp.send(null);
+}
+
+function stateChanged()
+{
+   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
+   {
+      if (xmlHttp.responseText.indexOf("System Error") > 0)
+      {
+          var myWindow = window.open("", "_blank", "scrollbars,height=500,width=400");
+          myWindow.document.write(xmlHttp.responseText);
+      }
+      else
+      {
+          document.getElementById("searchResultsList").innerHTML=xmlHttp.responseText;
+          stripe('searchResultsList', '#fff', '#f6f8fa');
+      }
+      document.getElementById("statusArea").innerHTML="";
+   }
+}
+
+function runSearch(useTemplate)
+{
+   document.getElementById("statusArea").innerHTML="Searching...";
+   searchString = document.getElementById("searchText").value;
+   maxcount = document.getElementById("maxresults").value;
+   doSearch(useTemplate, searchString, maxcount);
+}
+
+function doSearch(useTemplate, searchString, maxcount)
+{
+   showStatus("/alfresco/template/workspace/SpacesStore/"+ useTemplate + "/workspace/SpacesStore/" + useTemplate + "?search=" + searchString + "&maxresults=" + maxcount);
+}
+
+function handleTextEnter(e) {
+   var keycode;
+
+   // get the keycode
+   if (window.event) 
+   {
+      keycode = window.event.keyCode;
+   }
+   else if (e)
+   {
+      keycode = e.which;
+   }
+   // if ENTER was pressed execute the query
+   if (keycode == 13)
+   {  
+      runSearch();
+      return false;
+   }
+   return true;
+}
+
+
+function getWindowHeight() {
+			var windowHeight = 0;
+			if (typeof(window.innerHeight) == 'number') {
+				windowHeight = window.innerHeight;
+			}
+			else {
+				if (document.documentElement && document.documentElement.clientHeight) {
+					windowHeight = document.documentElement.clientHeight;
+				}
+				else {
+					if (document.body && document.body.clientHeight) {
+						windowHeight = document.body.clientHeight;
+					}
+				}
+			}
+			return windowHeight;
+		}
+
+function setContent() {
+			if (document.getElementById) {
+				var windowHeight = getWindowHeight();
+				if (windowHeight > 0) {
+
+                                        var tabBarElement = document.getElementById('tabBar');
+                                        var bottomMarginElement = document.getElementById('bottomMargin');
+                                        var searchResultsListElement = document.getElementById('searchResultsList');
+                                        var searchHeightElement = document.getElementById('search');
+                                        var searchResultsListHeaderElement = document.getElementById('searchResultsListHeader');
+
+					var tabBarHeight = tabBarElement.offsetHeight;
+					var bottomMarginHeight = bottomMarginElement.offsetHeight;
+					var searchResultsListHeight = searchResultsListElement.offsetHeight;
+                                        var searchHeight = searchHeightElement.offsetHeight;
+                                        var searchResultsListHeaderHeight = searchResultsListHeaderElement.offsetHeight;
+
+					if (windowHeight > 0) {
+						searchResultsListElement.style.height = windowHeight- (tabBarHeight + searchHeight + searchResultsListHeaderHeight + bottomMarginHeight) + 'px';
+					}
+
+				}
+			}
+		}
+		window.onload = function() {
+			setContent();
+			stripe('searchResultsList', '#fff', '#f6f8fa');
+		}
+		window.onresize = function() {
+			setContent();
+		}
+
+
+  // this function is need to work around
+  // a bug in IE related to element attributes
+  function hasClass(obj) {
+     var result = false;
+     if (obj.getAttributeNode("class") != null) {
+         result = obj.getAttributeNode("class").value;
+     }
+     return result;
+  }
+
+function stripe(id) {
+
+    // the flag we'll use to keep track of
+    // whether the current row is odd or even
+    var even = false;
+
+    // if arguments are provided to specify the colours
+    // of the even & odd rows, then use the them;
+    // otherwise use the following defaults:
+    var evenColor = arguments[1] ? arguments[1] : "#fff";
+    var oddColor = arguments[2] ? arguments[2] : "#eee";
+
+    // obtain a reference to the desired table
+    // if no such table exists, abort
+    var table = document.getElementById(id);
+    if (! table) { return; }
+
+    // by definition, tables can have more than one tbody
+    // element, so we'll have to get the list of child
+    // <tbody>s
+    var tbodies = table.getElementsByTagName("tbody");
+
+    // and iterate through them...
+    for (var h = 0; h < tbodies.length; h++) {
+
+     // find all the &lt;tr&gt; elements...
+      var trs = tbodies[h].getElementsByTagName("tr");
+
+      // ... and iterate through them
+      for (var i = 0; i < trs.length; i++) {
+
+	    // avoid rows that have a class attribute
+        // or backgroundColor style
+	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
+
+         // get all the cells in this row...
+          var tds = trs[i].getElementsByTagName("td");
+
+          // and iterate through them...
+          for (var j = 0; j < tds.length; j++) {
+
+            var mytd = tds[j];
+
+            // avoid cells that have a class attribute
+            // or backgroundColor style
+	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
+
+		      mytd.style.backgroundColor = even ? evenColor : oddColor;
+
+            }
+          }
+        }
+        // flip from odd to even, or vice-versa
+        even =  ! even;
+      }
+    }
+  }
+

source/web/scripts/office/version.js

@@ -0,0 +1,173 @@
+var xmlHttp
+
+function GetXmlHttpObject()
+{ 
+   var objXMLHttp=null;
+   if (window.XMLHttpRequest)
+   {
+      objXMLHttp=new XMLHttpRequest()
+   }
+   else if (window.ActiveXObject)
+   {
+       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
+   }
+
+   return objXMLHttp;
+} 
+
+function showStatus(url)
+{
+   xmlHttp=GetXmlHttpObject();
+   if (xmlHttp==null)
+   {
+       alert("Browser does not support HTTP Request");
+       return;
+   }        
+   xmlHttp.onreadystatechange=stateChanged;
+   xmlHttp.open("GET",url+"&sid="+Math.random(),true);
+   xmlHttp.send(null);
+} 
+
+function stateChanged() 
+{ 
+   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
+   { 
+      if (xmlHttp.responseText.indexOf("System Error") > 0)
+      {
+          var myWindow = window.open("", "_blank", "scrollbars,height=500,width=400");
+          myWindow.document.write(xmlHttp.responseText);
+          document.getElementById("statusArea").innerHTML=""; 
+      }
+      else
+      {
+          document.getElementById("statusArea").innerHTML=xmlHttp.responseText; 
+          window.location.reload();
+      }
+   } 
+} 
+
+function runAction(useTemplate, Action, Doc, Msg)
+{
+   if (Msg != "" && !confirm(Msg))
+   {
+       return;
+   }
+   document.getElementById("statusArea").innerHTML="Running action...";
+   showStatus("/alfresco/command/script/execute/workspace/SpacesStore/" + useTemplate + "/workspace/SpacesStore/" + Doc + "?action=" + Action);
+}
+
+
+function getWindowHeight() {
+			var windowHeight = 0;
+			if (typeof(window.innerHeight) == 'number') {
+				windowHeight = window.innerHeight;
+			}
+			else {
+				if (document.documentElement && document.documentElement.clientHeight) {
+					windowHeight = document.documentElement.clientHeight;
+				}
+				else {
+					if (document.body && document.body.clientHeight) {
+						windowHeight = document.body.clientHeight;
+					}
+				}
+			}
+			return windowHeight;
+		}
+		function setContent() {
+			if (document.getElementById) {
+				var windowHeight = getWindowHeight();
+				if (windowHeight > 0) {
+					var versionListHeaderElement = document.getElementById('versionListheader');
+					var versionListElement = document.getElementById('versionList');
+					var tabBarElement = document.getElementById('tabBar');
+                                        var bottomMarginElement = document.getElementById('bottomMargin');
+ 
+					var versionListHeight = versionListElement.offsetHeight;
+					var versionListHeaderHeight = versionListHeaderElement.offsetHeight;
+					var tabBarHeight = tabBarElement.offsetHeight;
+					var bottomMarginHeight = bottomMarginElement.offsetHeight;
+ 
+					if (windowHeight > 0) {
+						versionListElement.style.height = (windowHeight- (tabBarHeight + versionListHeaderHeight + bottomMarginHeight)) + 'px';
+					}
+
+				}
+			}
+		}
+		window.onload = function() {
+			setContent();
+			stripe('versionList', '#fff', '#f6f8fa');
+		}
+		window.onresize = function() {
+			setContent();
+		}
+
+
+  // this function is need to work around
+  // a bug in IE related to element attributes
+  function hasClass(obj) {
+     var result = false;
+     if (obj.getAttributeNode("class") != null) {
+         result = obj.getAttributeNode("class").value;
+     }
+     return result;
+  }
+
+ function stripe(id) {
+
+    // the flag we'll use to keep track of
+    // whether the current row is odd or even
+    var even = false;
+
+    // if arguments are provided to specify the colours
+    // of the even & odd rows, then use the them;
+    // otherwise use the following defaults:
+    var evenColor = arguments[1] ? arguments[1] : "#fff";
+    var oddColor = arguments[2] ? arguments[2] : "#eee";
+
+    // obtain a reference to the desired table
+    // if no such table exists, abort
+    var table = document.getElementById(id);
+    if (! table) { return; }
+
+    // by definition, tables can have more than one tbody
+    // element, so we'll have to get the list of child
+    // <tbody>s
+    var tbodies = table.getElementsByTagName("tbody");
+
+    // and iterate through them...
+    for (var h = 0; h < tbodies.length; h++) {
+
+     // find all the &lt;tr&gt; elements...
+      var trs = tbodies[h].getElementsByTagName("tr");
+
+      // ... and iterate through them
+      for (var i = 0; i < trs.length; i++) {
+
+	    // avoid rows that have a class attribute
+        // or backgroundColor style
+	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
+
+         // get all the cells in this row...
+          var tds = trs[i].getElementsByTagName("td");
+
+          // and iterate through them...
+          for (var j = 0; j < tds.length; j++) {
+
+            var mytd = tds[j];
+
+            // avoid cells that have a class attribute
+            // or backgroundColor style
+	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
+
+		      mytd.style.backgroundColor = even ? evenColor : oddColor;
+
+            }
+          }
+        }
+        // flip from odd to even, or vice-versa
+        even =  ! even;
+      }
+    }
+  }