You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@chemistry.apache.org by je...@apache.org on 2012/09/14 06:28:47 UTC

svn commit: r1384639 [1/2] - in /chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp: ./ css/ images/ js/

Author: jens
Date: Fri Sep 14 04:28:45 2012
New Revision: 1384639

URL: http://svn.apache.org/viewvc?rev=1384639&view=rev
Log:
add some more features to CMIS Relax (experimental code)

Added:
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.css
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.min.css
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/main.css
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyapplication.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyauthor.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebykeyword.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebylastsavedate.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynopages.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynoslides.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyartist.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebycamera.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebydatetaken.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyfocallength.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebylocation.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyresolution.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyartist.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobygenre.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyreleasedate.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobytitle.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/images/loading.gif   (with props)
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.js
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.min.js
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/load-image.min.js
Modified:
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/cmislib.js
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbygenre.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyreleasedate.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbytitle.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyuploadeddate.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyalbum.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyartist.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbytitle.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/index.html
    chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/playerpage.js

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/cmislib.js
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/cmislib.js?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/cmislib.js (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/cmislib.js Fri Sep 14 04:28:45 2012
@@ -464,6 +464,12 @@ CmisSession.defaultErrorHandler = functi
     return cmisError;
 };
 
+function make_base_auth(user, password) {
+	  var tok = user + ':' + password;
+	  var hash = btoa(tok);
+	  return "Basic " + hash;
+};
+
 function doJson(url, params, method, username, password, cbFct, cbFctError) {
     
     if (username != null && username.length == 0)
@@ -480,6 +486,10 @@ function doJson(url, params, method, use
         username: username,
         password: password,
         success: cbFct,
+        beforeSend: function (xhr){ 
+        	if (username != null)
+        		xhr.setRequestHeader('Authorization', make_base_auth(username, password)); 
+        },
         error: cbFctError == undefined ? null : cbFctError
     });
 };

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.css
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.css?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.css (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.css Fri Sep 14 04:28:45 2012
@@ -0,0 +1,114 @@
+@charset 'UTF-8';
+/*
+ * jQuery Image Gallery Plugin CSS 2.3
+ * https://github.com/blueimp/jQuery-Image-Gallery
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+/* The loading animation: */
+#gallery-loader {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 128px;
+  height: 128px;
+  margin: -64px 0 0 -64px;
+  background: url(../img/loading.gif);
+  z-index: 9999;
+}
+/* Fix for IE 6 which does not support position:fixed: */
+*html #gallery-loader {
+  position: absolute;
+}
+.gallery-dialog .ui-dialog-content {
+  cursor: pointer;
+  text-align: center;
+}
+.gallery-dialog .ui-dialog-content:hover:before,
+.gallery-dialog .ui-dialog-content:hover:after {
+  content: '‹';
+  position: absolute;
+  top: 50%;
+  left: 25px;
+  width: 40px;
+  height: 40px;
+  margin-top: -20px;
+  font-size: 60px;
+  font-weight: 100;
+  line-height: 30px;
+  color: #ffffff;
+  text-align: center;
+  background: #222222;
+  border: 3px solid #ffffff;
+  -webkit-border-radius: 23px;
+  -moz-border-radius: 23px;
+  border-radius: 23px;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  z-index: 1;
+}
+.gallery-dialog .ui-dialog-content:hover:after {
+  content: '›';
+  left: auto;
+  right: 25px;
+}
+.gallery-dialog-single .ui-dialog-content:hover:before,
+.gallery-dialog-single .ui-dialog-content:hover:after {
+  display: none;
+}
+.gallery-dialog .ui-dialog-content img {
+  border: 0;
+}
+/* Full screen styles: */
+.gallery-dialog-fullscreen {
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  -webkit-box-shadow: 0 0 20px #000;
+  -moz-box-shadow: 0 0 20px #000;
+  box-shadow: 0 0 20px #000;
+}
+.gallery-dialog-fullscreen .ui-dialog-titlebar {
+  display: none;
+}
+.gallery-dialog-fullscreen .ui-dialog-content {
+  padding: 0;
+  border: 0;
+  cursor: pointer;
+  text-align: center;
+}
+.gallery-dialog-fullscreen .ui-dialog-content img,
+.gallery-dialog-fullscreen .ui-dialog-content canvas {
+  float: left;
+  border: 0;
+}
+/* Fix for IE 6 which shows a full width dialog: */
+*html .gallery-dialog-fullscreen .ui-dialog-content img {
+  float: none;
+}
+.gallery-body-fullscreen .ui-widget-overlay {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+/* Fix for overlay hiding the dialog effects: */
+.gallery-body .ui-effects-explode,
+.gallery-body .ui-effects-wrapper,
+.gallery-body-fullscreen .ui-effects-wrapper,
+.gallery-body-fullscreen .ui-effects-explode {
+  z-index: 10000!important;
+}
+/* Fix for scrollbars showing with some effects: */
+.gallery-body,
+.gallery-body-fullscreen {
+  overflow: hidden;
+}
+/* Fix for IE 6 showing select boxes on top: */
+*html .gallery-body select,
+*html .gallery-body-fullscreen select {
+  display: none;
+}

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.min.css
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.min.css?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.min.css (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/jquery.image-gallery.min.css Fri Sep 14 04:28:45 2012
@@ -0,0 +1,17 @@
+@charset 'UTF-8';
+#gallery-loader{position:fixed;top:50%;left:50%;width:128px;height:128px;margin:-64px 0 0 -64px;background:url(../images/loading.gif);z-index:9999;}
+*html #gallery-loader{position:absolute;}
+.gallery-dialog .ui-dialog-content{cursor:pointer;text-align:center;}
+.gallery-dialog .ui-dialog-content:hover:before,.gallery-dialog .ui-dialog-content:hover:after{content:'‹';position:absolute;top:50%;left:25px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);z-index:1;}
+.gallery-dialog .ui-dialog-content:hover:after{content:'›';left:auto;right:25px;}
+.gallery-dialog-single .ui-dialog-content:hover:before,.gallery-dialog-single .ui-dialog-content:hover:after{display:none;}
+.gallery-dialog .ui-dialog-content img{border:0;}
+.gallery-dialog-fullscreen{padding:0;border:0;border-radius:0;-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;}
+.gallery-dialog-fullscreen .ui-dialog-titlebar{display:none;}
+.gallery-dialog-fullscreen .ui-dialog-content{padding:0;border:0;cursor:pointer;text-align:center;}
+.gallery-dialog-fullscreen .ui-dialog-content img,.gallery-dialog-fullscreen .ui-dialog-content canvas{float:left;border:0;}
+*html .gallery-dialog-fullscreen .ui-dialog-content img{float:none;}
+.gallery-body-fullscreen .ui-widget-overlay{opacity:1;filter:alpha(opacity=100);}
+.gallery-body .ui-effects-explode,.gallery-body .ui-effects-wrapper,.gallery-body-fullscreen .ui-effects-wrapper,.gallery-body-fullscreen .ui-effects-explode{z-index:10000!important;}
+.gallery-body,.gallery-body-fullscreen{overflow:hidden;}
+*html .gallery-body select,*html .gallery-body-fullscreen select{display:none;}

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/main.css
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/main.css?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/main.css (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/css/main.css Fri Sep 14 04:28:45 2012
@@ -0,0 +1,24 @@
+
+html {
+  height: 100% 
+}
+
+body {
+	height: 100%; 
+	margin: 0; 
+	padding: 0 
+}
+
+#map_canvas {
+	height: 100% 
+}
+
+#searchbylocmap {
+	height: 100% 
+}
+
+.gallerylist {
+    width: 100px;
+    height: auto;
+    margin: 5px;
+}
\ No newline at end of file

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbygenre.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbygenre.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbygenre.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbygenre.html Fri Sep 14 04:28:45 2012
@@ -7,9 +7,9 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve titles starting with:</h4>
 <p>
-	<h4>Retrieve titles starting with:</h4>
 	<a href="javascript:filterAlbumByGenre('Alternative')">Alternative</a>
 	<a href="javascript:filterAlbumByGenre('Ambient')">Ambient</a>
 	<a href="javascript:filterAlbumByGenre('Blues')">Blues</a>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyreleasedate.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyreleasedate.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyreleasedate.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyreleasedate.html Fri Sep 14 04:28:45 2012
@@ -7,9 +7,9 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve titles released:</h4>
 <p>
-	<h4>Retrieve titles released:</h4>
 	<a href="javascript:filterAlbumByReleaseDate('2012')">2012</a>
 	<a href="javascript:filterAlbumByReleaseDate('2011')">2011</a>
 	<a href="javascript:filterAlbumByReleaseDate('2010')">2010</a>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbytitle.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbytitle.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbytitle.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbytitle.html Fri Sep 14 04:28:45 2012
@@ -7,9 +7,9 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve albums containing titles starting with:</h4>
 <p>
-	<h4>Retrieve titles starting with:</h4>
 	<a href="javascript:filterAlbumByTitle('A')">A</a>
 	<a href="javascript:filterAlbumByTitle('B')">B</a>
 	<a href="javascript:filterAlbumByTitle('C')">C</a>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyuploadeddate.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyuploadeddate.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyuploadeddate.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filteralbumbyuploadeddate.html Fri Sep 14 04:28:45 2012
@@ -7,9 +7,9 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve titles uploaded within or by:</h4>
 <p>
-	<h4>Retrieve titles uploaded within or by:</h4>
 	<a href="javascript:filterAlbumByUploadedDateLastWeek()">Last week</a>
 	<a href="javascript:filterAlbumByUploadedDateLastMonth()">Last month</a>
 	<a href="javascript:filterAlbumByUploadedDateLastYear()">Last year</a>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyalbum.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyalbum.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyalbum.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyalbum.html Fri Sep 14 04:28:45 2012
@@ -7,9 +7,9 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve albums starting with:</h4>
 <p>
-	<h4>Retrieve albums starting with:</h4>
 	<a href="javascript:filterByAlbum('A')">A</a>
 	<a href="javascript:filterByAlbum('B')">B</a>
 	<a href="javascript:filterByAlbum('C')">C</a>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyartist.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyartist.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyartist.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbyartist.html Fri Sep 14 04:28:45 2012
@@ -7,36 +7,36 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve albums by artists starting with:</h4>
 <p>
-	<h4>Retrieve albums by artists starting with:</h4>
-	<a href="javascript:filterByArtist('A')">A</a>
-	<a href="javascript:filterByArtist('B')">B</a>
-	<a href="javascript:filterByArtist('C')">C</a>
-	<a href="javascript:filterByArtist('D')">D</a>
-	<a href="javascript:filterByArtist('E')">E</a>
-	<a href="javascript:filterByArtist('F')">F</a>
-	<a href="javascript:filterByArtist('G')">G</a>
-	<a href="javascript:filterByArtist('H')">H</a>
-	<a href="javascript:filterByArtist('I')">I</a>
-	<a href="javascript:filterByArtist('J')">J</a>
-	<a href="javascript:filterByArtist('K')">K</a>
-	<a href="javascript:filterByArtist('L')">L</a>
-	<a href="javascript:filterByArtist('M')">M</a>
-	<a href="javascript:filterByArtist('N')">N</a>
-	<a href="javascript:filterByArtist('O')">O</a>
-	<a href="javascript:filterByArtist('P')">P</a>
-	<a href="javascript:filterByArtist('Q')">Q</a>
-	<a href="javascript:filterByArtist('R')">R</a>
-	<a href="javascript:filterByArtist('S')">S</a>
-	<a href="javascript:filterByArtist('T')">T</a>
-	<a href="javascript:filterByArtist('U')">U</a>
-	<a href="javascript:filterByArtist('V')">V</a>
-	<a href="javascript:filterByArtist('W')">W</a>
-	<a href="javascript:filterByArtist('X')">X</a>
-	<a href="javascript:filterByArtist('Y')">Y</a>
-	<a href="javascript:filterByArtist('Z')">Z</a>
-	<a href="javascript:filterByArtist()">(all)</a>
+	<a href="javascript:filterAlbumByArtist('A')">A</a>
+	<a href="javascript:filterAlbumByArtist('B')">B</a>
+	<a href="javascript:filterAlbumByArtist('C')">C</a>
+	<a href="javascript:filterAlbumByArtist('D')">D</a>
+	<a href="javascript:filterAlbumByArtist('E')">E</a>
+	<a href="javascript:filterAlbumByArtist('F')">F</a>
+	<a href="javascript:filterAlbumByArtist('G')">G</a>
+	<a href="javascript:filterAlbumByArtist('H')">H</a>
+	<a href="javascript:filterAlbumByArtist('I')">I</a>
+	<a href="javascript:filterAlbumByArtist('J')">J</a>
+	<a href="javascript:filterAlbumByArtist('K')">K</a>
+	<a href="javascript:filterAlbumByArtist('L')">L</a>
+	<a href="javascript:filterAlbumByArtist('M')">M</a>
+	<a href="javascript:filterAlbumByArtist('N')">N</a>
+	<a href="javascript:filterAlbumByArtist('O')">O</a>
+	<a href="javascript:filterAlbumByArtist('P')">P</a>
+	<a href="javascript:filterAlbumByArtist('Q')">Q</a>
+	<a href="javascript:filterAlbumByArtist('R')">R</a>
+	<a href="javascript:filterAlbumByArtist('S')">S</a>
+	<a href="javascript:filterAlbumByArtist('T')">T</a>
+	<a href="javascript:filterAlbumByArtist('U')">U</a>
+	<a href="javascript:filterAlbumByArtist('V')">V</a>
+	<a href="javascript:filterAlbumByArtist('W')">W</a>
+	<a href="javascript:filterAlbumByArtist('X')">X</a>
+	<a href="javascript:filterAlbumByArtist('Y')">Y</a>
+	<a href="javascript:filterAlbumByArtist('Z')">Z</a>
+	<a href="javascript:filterAlbumByArtist()">(all)</a>
 </p>
 <div id="filterresult">
   <h4>Found Artist:</h4>

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbytitle.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbytitle.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbytitle.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterbytitle.html Fri Sep 14 04:28:45 2012
@@ -7,36 +7,36 @@
 	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
 	the specific language governing permissions and limitations under the License. 
 -->
-	
+
+<h4>Retrieve titles starting with:</h4>
 <p>
-	<h4>Retrieve titles starting with:</h4>
-	<a href="javascript:filterByTitle('A')">A</a>
-	<a href="javascript:filterByTitle('B')">B</a>
-	<a href="javascript:filterByTitle('C')">C</a>
-	<a href="javascript:filterByTitle('D')">D</a>
-	<a href="javascript:filterByTitle('E')">E</a>
-	<a href="javascript:filterByTitle('F')">F</a>
-	<a href="javascript:filterByTitle('G')">G</a>
-	<a href="javascript:filterByTitle('H')">H</a>
-	<a href="javascript:filterByTitle('I')">I</a>
-	<a href="javascript:filterByTitle('J')">J</a>
-	<a href="javascript:filterByTitle('K')">K</a>
-	<a href="javascript:filterByTitle('L')">L</a>
-	<a href="javascript:filterByTitle('M')">M</a>
-	<a href="javascript:filterByTitle('N')">N</a>
-	<a href="javascript:filterByTitle('O')">O</a>
-	<a href="javascript:filterByTitle('P')">P</a>
-	<a href="javascript:filterByTitle('Q')">Q</a>
-	<a href="javascript:filterByTitle('R')">R</a>
-	<a href="javascript:filterByTitle('S')">S</a>
-	<a href="javascript:filterByTitle('T')">T</a>
-	<a href="javascript:filterByTitle('U')">U</a>
-	<a href="javascript:filterByTitle('V')">V</a>
-	<a href="javascript:filterByTitle('W')">W</a>
-	<a href="javascript:filterByTitle('X')">X</a>
-	<a href="javascript:filterByTitle('Y')">Y</a>
-	<a href="javascript:filterByTitle('Z')">Z</a>
-	<a href="javascript:filterByTitle()">(all)</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'A')">A</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'B')">B</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'C')">C</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'D')">D</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'E')">E</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'F')">F</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'G')">G</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'H')">H</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'I')">I</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'J')">J</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'K')">K</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'L')">L</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'M')">M</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'N')">N</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'O')">O</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'P')">P</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'Q')">Q</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'R')">R</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'S')">S</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'T')">T</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'U')">U</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'V')">V</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'W')">W</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'X')">X</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'Y')">Y</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE', 'Z')">Z</a>
+	<a href="javascript:filterByTitle('AUDIO_FILE')">(all)</a>
 </p>
 <div id="filterresult">
   <h4>Found Titles:</h4>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyapplication.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyapplication.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyapplication.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyapplication.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,24 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve documents by application:</h4>
+<p>
+	<a href="javascript:filterOfficeDocumentsByApplication('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet')">Excel</a>
+	<a href="javascript:filterOfficeDocumentsByApplication('application/vnd.openxmlformats-officedocument.presentationml.presentation')">Powerpoint</a>
+	<a href="javascript:filterOfficeDocumentsByApplication('application/vnd.openxmlformats-officedocument.wordprocessingml.document')">Word</a>
+	<a href="javascript:filterOfficeDocumentsByApplication('application/pdf')">PDF</a>
+</p>
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyauthor.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyauthor.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyauthor.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebyauthor.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,46 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve documents written by:</h4>
+<p>
+	<a href="javascript:filterOfficeDocumentsByAuthor('A')">A</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('B')">B</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('C')">C</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('D')">D</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('E')">E</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('F')">F</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('G')">G</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('H')">H</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('I')">I</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('J')">J</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('K')">K</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('L')">L</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('M')">M</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('N')">N</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('O')">O</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('P')">P</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('Q')">Q</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('R')">R</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('S')">S</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('T')">T</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('U')">U</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('V')">V</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('W')">W</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('X')">X</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('Y')">Y</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor('Z')">Z</a>
+	<a href="javascript:filterOfficeDocumentsByAuthor()">(all)</a>
+</p>
+
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebykeyword.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebykeyword.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebykeyword.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebykeyword.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,22 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve documents with keyword:</h4>
+
+<form action="javascript:onSubmitKeyword()">
+    Keyword: <input type="text" name="keywords" id="keyword_field" size="50" maxlength="100"/>
+    <input type="submit" value="Search" />
+</form>
+
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebylastsavedate.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebylastsavedate.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebylastsavedate.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebylastsavedate.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,24 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve documents from application:</h4>
+<p>
+	<a href="javascript:filterOfficeDocumentsByLastSaveDateToday()">Today</a>
+	<a href="javascript:filterOfficeDocumentsByLastSaveDateLastWeek()">Last week</a>
+	<a href="javascript:filterOfficeDocumentsByLastSaveDateLastMonth()">Last month</a>
+	<a href="javascript:filterOfficeDocumentsByLastSaveDateLastYear()">This year</a>
+	<a href="javascript:filterOfficeDocumentsByLastSaveDateOlderOneYear()">Older than one year</a>
+</p>
+
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynopages.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynopages.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynopages.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynopages.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,24 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve documents having number of pages:</h4>
+<p>
+	<a href="javascript:filterOfficeDocumentsByNoPages(0, 5)">Less than 5</a>
+	<a href="javascript:filterOfficeDocumentsByNoPages(5, 10)">5 to 10</a>
+	<a href="javascript:filterOfficeDocumentsByNoPages(10, 50)">10 to 50</a>
+	<a href="javascript:filterOfficeDocumentsByNoPages(50, 100)">50 to 100</a>
+	<a href="javascript:filterOfficeDocumentsByNoPages(100, 4294967295)">100 or more</a>
+</p>
+
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynoslides.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynoslides.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynoslides.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterofficebynoslides.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,24 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve documents having number of slides:</h4>
+<p>
+	<a href="javascript:filterOfficeDocumentsByNoSlides(0, 5)">Less than 5</a>
+	<a href="javascript:filterOfficeDocumentsByNoSlides(5, 10)">5 to 10</a>
+	<a href="javascript:filterOfficeDocumentsByNoSlides(10, 50)">10 to 50</a>
+	<a href="javascript:filterOfficeDocumentsByNoSlides(50, 100)">50 to 100</a>
+	<a href="javascript:filterOfficeDocumentsByNoSlides(100, 4294967295)">100 or more</a>
+</p>
+
+<div id="filterresult">
+  <h4>Found documents:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyartist.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyartist.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyartist.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyartist.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,56 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve pictures taken by artists starting with:</h4>
+<p>
+	<a href="javascript:filterArtistListForPictures('A')">A</a>
+	<a href="javascript:filterArtistListForPictures('B')">B</a>
+	<a href="javascript:filterArtistListForPictures('C')">C</a>
+	<a href="javascript:filterArtistListForPictures('D')">D</a>
+	<a href="javascript:filterArtistListForPictures('E')">E</a>
+	<a href="javascript:filterArtistListForPictures('F')">F</a>
+	<a href="javascript:filterArtistListForPictures('G')">G</a>
+	<a href="javascript:filterArtistListForPictures('H')">H</a>
+	<a href="javascript:filterArtistListForPictures('I')">I</a>
+	<a href="javascript:filterArtistListForPictures('J')">J</a>
+	<a href="javascript:filterArtistListForPictures('K')">K</a>
+	<a href="javascript:filterArtistListForPictures('L')">L</a>
+	<a href="javascript:filterArtistListForPictures('M')">M</a>
+	<a href="javascript:filterArtistListForPictures('N')">N</a>
+	<a href="javascript:filterArtistListForPictures('O')">O</a>
+	<a href="javascript:filterArtistListForPictures('P')">P</a>
+	<a href="javascript:filterArtistListForPictures('Q')">Q</a>
+	<a href="javascript:filterArtistListForPictures('R')">R</a>
+	<a href="javascript:filterArtistListForPictures('S')">S</a>
+	<a href="javascript:filterArtistListForPictures('T')">T</a>
+	<a href="javascript:filterArtistListForPictures('U')">U</a>
+	<a href="javascript:filterArtistListForPictures('V')">V</a>
+	<a href="javascript:filterArtistListForPictures('W')">W</a>
+	<a href="javascript:filterArtistListForPictures('X')">X</a>
+	<a href="javascript:filterArtistListForPictures('Y')">Y</a>
+	<a href="javascript:filterArtistListForPictures('Z')">Z</a>
+	<a href="javascript:filterArtistListForPictures(null)">(all)</a>
+</p>
+
+<form name="ImageDisplayForm">
+    <input type="radio" name="ImageDisplayKind" value="List"> as list
+    <input type="radio" name="ImageDisplayKind" value="Gallery" checked="checked"> as gallery
+</form>
+
+<div id="filterresult">
+  <h4>Found artists:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>  
+  <div id="pagingbuttons"> </div>
+  <div id="buttonset"></div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="map_canvas"> </div>    

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebycamera.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebycamera.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebycamera.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebycamera.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,42 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve pictures taken by camera brand:</h4>
+<p> 	
+	<a href="javascript:filterPictureByCamera('Apple')">Apple</a>
+	<a href="javascript:filterPictureByCamera('Canon')">Canon</a>
+	<a href="javascript:filterPictureByCamera('Casio')">Casio</a>
+	<a href="javascript:filterPictureByCamera('Fujifilm')">Fujifilm</a>
+	<a href="javascript:filterPictureByCamera('HTC')">HTC</a>
+	<a href="javascript:filterPictureByCamera('Kodak')">Kodak</a>
+	<a href="javascript:filterPictureByCamera('Konica-Minolta')">Konica-Minolta</a>
+	<a href="javascript:filterPictureByCamera('Leica')">Leica</a>
+	<a href="javascript:filterPictureByCamera('Nikon')">Nikon</a>
+	<a href="javascript:filterPictureByCamera('Olympus')">Olympus</a>
+	<a href="javascript:filterPictureByCamera('Pentax')">Pentax</a>
+	<a href="javascript:filterPictureByCamera('Samsung')">Samsung</a>
+	<a href="javascript:filterPictureByCamera('Sony')">Sony</a>
+	<a href="javascript:filterPictureByCamera(null)">(all)</a>
+</p>
+
+<form name="ImageDisplayForm">
+    <input type="radio" name="ImageDisplayKind" value="List"> as list
+    <input type="radio" name="ImageDisplayKind" value="Gallery" checked="checked"> as gallery
+</form>
+
+<div id="filterresult"> 
+  <h4>Found pictures:</h4>
+  <div id="buttonset"></div>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="map_canvas"> </div>    
+

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebydatetaken.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebydatetaken.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebydatetaken.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebydatetaken.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,32 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve documents from application:</h4>
+<p>
+	<a href="javascript:filterPicturesByDateTakenToday()">Today</a>
+	<a href="javascript:filterPicturesByDateTakenLastWeek()">Last week</a>
+	<a href="javascript:filterPicturesByDateTakenLastMonth()">Last month</a>
+	<a href="javascript:filterPicturesByDateTakenLastYear()">This year</a>
+	<a href="javascript:filterPicturesByDateTakenOlderOneYear()">Older than one year</a>
+</p>
+
+<form name="ImageDisplayForm">
+    <input type="radio" name="ImageDisplayKind" value="List"> as list
+    <input type="radio" name="ImageDisplayKind" value="Gallery" checked="checked"> as gallery
+</form>
+
+<div id="filterresult">
+  <h4>Found pictures:</h4>
+  <div id="buttonset"></div>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="map_canvas"> </div>    

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyfocallength.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyfocallength.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyfocallength.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyfocallength.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,35 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve pictures with focal length:</h4>
+<p>
+	<a href="javascript:filterPictureByFocalLength(null, 4)">Less than 5</a>
+	<a href="javascript:filterPictureByFocalLength(5, 10)">5 to 9</a>
+	<a href="javascript:filterPictureByFocalLength(10, 35)">10 to 35</a>
+	<a href="javascript:filterPictureByFocalLength(35, 75)">36 to 75</a>
+	<a href="javascript:filterPictureByFocalLength(75, 200)">76 to 200</a>
+	<a href="javascript:filterPictureByFocalLength(200, 300)">201 to 300</a>
+	<a href="javascript:filterPictureByFocalLength(300, null)">more than 300</a>
+	<a href="javascript:filterPictureByFocalLength(null, null)">(all)</a>
+</p>
+
+<form name="ImageDisplayForm">
+    <input type="radio" name="ImageDisplayKind" value="List"> as list
+    <input type="radio" name="ImageDisplayKind" value="Gallery" checked="checked"> as gallery
+</form>
+
+<div id="filterresult">
+  <h4>Found pictures:</h4>
+  <div id="pagingbuttons"> </div>
+  <div id="buttonset"></div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="map_canvas"> </div>    

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebylocation.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebylocation.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebylocation.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebylocation.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,45 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve pictures by geo location:</h4>
+<p>Click on map to find images from this location in a given distance</p>
+<form name="mapsearchformdistance" action="javascript:onSubmitLocationSearch()">
+    Distance:
+    <input type="radio" id="distance_field_0_5" name="SearchByLocationDistance" value="0.5"/> 500m
+    <input type="radio" id="distance_field_1" name="SearchByLocationDistance" value="1.0"/>1000m
+    <input type="radio" id="distance_field_3" name="SearchByLocationDistance" value="3.0" checked="checked"/> 3km
+    <input type="radio" id="distance_field_10" name="SearchByLocationDistance" value="10.0"/> 10km
+    <input type="radio" id="distance_field_25" name="SearchByLocationDistance" value="25.0"/> 25km
+    <input type="radio" id="distance_field_50" name="SearchByLocationDistance" value="50.0"/> 50km
+    <input type="radio" id="distance_field_100" name="SearchByLocationDistance" value="100.0"/> 100km
+    <!--  
+    <input type="submit" value="Search from map" />
+    -->
+</form>
+<p></p>
+<div id="hint"> </div>
+
+<div id="filterresult">
+  <h4>Map</h4>
+  <form name="mapsearchform" action="javascript:onSubmitMapSearch()">
+    <input type="button" onclick="onSubmitMyLocation();" value="My Location"/>
+    <input type="text" id="map_search_field" name="mapsearch" value="">
+	<input type="submit" value="Search map" />
+    &nbsp;&nbsp;Tools:
+    <input type="radio" id="tool_pan" name="MapTool" value="MoveMap" checked="checked" /> Move map 
+    <input type="radio" id="tool_search" name="MapTool" value="SearchByLocation" /> Click and search
+  </form>
+  
+  <div id="buttonset"></div>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="searchbylocmap"> </div>    

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyresolution.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyresolution.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyresolution.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filterpicturebyresolution.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,33 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve pictures with width/height pixels between (longer side is relevant):</h4>
+<p>
+	<a href="javascript:filterPictureByResolution(0, 1000)">Less than 1000</a>
+	<a href="javascript:filterPictureByResolution(1000, 2000)">1000 to 2000</a>
+	<a href="javascript:filterPictureByResolution(2000, 3000)">2000 to 3000</a>
+	<a href="javascript:filterPictureByResolution(3000, 4000)">3000 to 4000</a>
+	<a href="javascript:filterPictureByResolution(4000, 6000)">4000 to 6000</a>
+	<a href="javascript:filterPictureByResolution(6000, 4294967295)"> &gt;6000</a>
+</p>
+
+<form name="ImageDisplayForm">
+    <input type="radio" name="ImageDisplayKind" value="List"> as list
+    <input type="radio" name="ImageDisplayKind" value="Gallery" checked="checked"> as gallery
+</form>
+
+<div id="filterresult">
+  <h4>Found pictures:</h4>
+  <div id="buttonset"></div>
+  <div id="pagingbuttons"> </div>
+  <div id="resultpane"> </div>    
+</div>
+<p></p>
+<div id="map_canvas"> </div>    

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyartist.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyartist.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyartist.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyartist.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,48 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve video titles starting with:</h4>
+<p>
+	<a href="javascript:filterVideoByArtist('A')">A</a>
+	<a href="javascript:filterVideoByArtist('B')">B</a>
+	<a href="javascript:filterVideoByArtist('C')">C</a>
+	<a href="javascript:filterVideoByArtist('D')">D</a>
+	<a href="javascript:filterVideoByArtist('E')">E</a>
+	<a href="javascript:filterVideoByArtist('F')">F</a>
+	<a href="javascript:filterVideoByArtist('G')">G</a>
+	<a href="javascript:filterVideoByArtist('H')">H</a>
+	<a href="javascript:filterVideoByArtist('I')">I</a>
+	<a href="javascript:filterVideoByArtist('J')">J</a>
+	<a href="javascript:filterVideoByArtist('K')">K</a>
+	<a href="javascript:filterVideoByArtist('L')">L</a>
+	<a href="javascript:filterVideoByArtist('M')">M</a>
+	<a href="javascript:filterVideoByArtist('N')">N</a>
+	<a href="javascript:filterVideoByArtist('O')">O</a>
+	<a href="javascript:filterVideoByArtist('P')">P</a>
+	<a href="javascript:filterVideoByArtist('Q')">Q</a>
+	<a href="javascript:filterVideoByArtist('R')">R</a>
+	<a href="javascript:filterVideoByArtist('S')">S</a>
+	<a href="javascript:filterVideoByArtist('T')">T</a>
+	<a href="javascript:filterVideoByArtist('U')">U</a>
+	<a href="javascript:filterVideoByArtist('V')">V</a>
+	<a href="javascript:filterVideoByArtist('W')">W</a>
+	<a href="javascript:filterVideoByArtist('X')">X</a>
+	<a href="javascript:filterVideoByArtist('Y')">Y</a>
+	<a href="javascript:filterVideoByArtist('Z')">Z</a>
+	<a href="javascript:filterVideoByArtist()">(all)</a>
+</p>
+<div id="filterresult">
+  <h4>Found Titles:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>
+  <div id="pagingbuttons"> </div>
+  <div id="playerpane"> </div>    
+</div>
+

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobygenre.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobygenre.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobygenre.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobygenre.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,29 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+	
+<h4>Retrieve video titles starting with:</h4>
+<p>
+	<a href="javascript:filterVideoByGenre('Cartoon')">Cartoon</a>
+	<a href="javascript:filterVideoByGenre('Comedy')">Comedy</a>
+	<a href="javascript:filterVideoByGenre('Documentation')">Documentation</a>
+	<a href="javascript:filterVideoByGenre('Drama')">Drama</a>
+	<a href="javascript:filterVideoByGenre('Sports')">Sports</a>
+	<a href="javascript:filterVideoByGenre('TV')">TV</a>
+	<a href="javascript:filterVideoByGenre()">(untagged)</a>
+</p>
+
+<div id="filterresult">
+  <h4>Found Titles:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>
+  <div id="pagingbuttons"> </div>
+  <div id="playerpane"> </div>    
+</div>
+

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyreleasedate.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyreleasedate.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyreleasedate.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobyreleasedate.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,35 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve video titles starting with:</h4>
+<p>
+	<a href="javascript:filterVideoByReleaseDate('2012')">2012</a>
+	<a href="javascript:filterVideoByReleaseDate('2011')">2011</a>
+	<a href="javascript:filterVideoByReleaseDate('2010')">2010</a>
+	<a href="javascript:filterVideoByReleaseDate('2009')">2009</a>
+	<a href="javascript:filterVideoByReleaseDate('2008')">2008</a>
+	<a href="javascript:filterVideoByReleaseDate('2007')">2007</a>
+	<a href="javascript:filterVideoByReleaseDate('2006')">2006</a>
+	<a href="javascript:filterVideoByReleaseDate('2000', '2005')">2000-2005</a>
+	<a href="javascript:filterVideoByReleaseDate('1995', '1999')">1995-1999</a>
+	<a href="javascript:filterVideoByReleaseDate('1990', '1994')">1990-1994</a>
+	<a href="javascript:filterVideoByReleaseDate('1980', '1989')">1980-1989</a>
+	<a href="javascript:filterVideoByReleaseDate('1970', '1979')">1970-1979</a>
+	<a href="javascript:filterVideoByReleaseDate('1960', '1969')">1960-1969</a>
+	<a href="javascript:filterVideoByReleaseDate('0000','1959')">before 1960</a>
+</p>
+<div id="filterresult">
+  <h4>Found Titles:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>
+  <div id="pagingbuttons"> </div>
+  <div id="playerpane"> </div>    
+</div>
+

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobytitle.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobytitle.html?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobytitle.html (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/filtervideobytitle.html Fri Sep 14 04:28:45 2012
@@ -0,0 +1,48 @@
+<!-- 
+    Licensed under the Apache License, Version 2.0 (the "License"); you 
+	may not use this file except in compliance with the License. You may obtain 
+	a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless 
+	required by applicable law or agreed to in writing, software distributed 
+	under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES 
+	OR CONDITIONS OF ANY KIND, either express or implied. See the License for 
+	the specific language governing permissions and limitations under the License. 
+-->
+
+<h4>Retrieve video titles starting with:</h4>
+<p>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'A')">A</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'B')">B</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'C')">C</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'D')">D</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'E')">E</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'F')">F</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'G')">G</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'H')">H</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'I')">I</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'J')">J</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'K')">K</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'L')">L</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'M')">M</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'N')">N</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'O')">O</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'P')">P</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'Q')">Q</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'R')">R</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'S')">S</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'T')">T</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'U')">U</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'V')">V</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'W')">W</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'X')">X</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'Y')">Y</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE', 'Z')">Z</a>
+	<a href="javascript:filterByTitle('VIDEO_FILE')">(all)</a>
+</p>
+<div id="filterresult">
+  <h4>Found Titles:</h4>
+  <ul id="filterresultlist" class="resultlist">
+  </ul>
+  <div id="pagingbuttons"> </div>
+  <div id="playerpane"> </div>    
+</div>
+

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/images/loading.gif
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/images/loading.gif?rev=1384639&view=auto
==============================================================================
Binary file - no diff available.

Propchange: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/images/loading.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/index.html
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/index.html?rev=1384639&r1=1384638&r2=1384639&view=diff
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/index.html (original)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/index.html Fri Sep 14 04:28:45 2012
@@ -29,20 +29,40 @@
     <link type="text/css" href="jplayer/skin/pink.flag/jplayer.pink.flag.css" rel="stylesheet" />
     <link rel="stylesheet" type="text/css" href="css/eggplant/jquery-ui-1.8.18.custom.css" />
     <link rel="stylesheet" type="text/css" href="css/mediaplayer-relax.css" />
+    <!--  Main stylesheet with other customizations -->
+    <link rel="stylesheet" type="text/css" href="css/main.css" />
        
 	<!-- use Google CDN to avoid the need to check-in jquery library -->
+	<!-- 
 	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
 	<script type="text/javascript" src="js/jquery.layout-1.3.0.rc30.51.min.js"></script>
-	
-    <!--  
+	 -->
+    <!--  -->  
 	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
 	<script type="text/javascript" src="js/jquery.layout-1.3.0.rc30.51.min.js"></script>
-     -->
+    <!--  -->
 
     <script type="text/javascript" src="jplayer/jquery.jplayer.min.js"></script>    
     <script type="text/javascript" src="jplayer/add-on/jplayer.playlist.min.js"></script>
+    <!-- 
+    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
+	-->
+	 
+    <!--  Image Gallery -->
+    <link rel="stylesheet" type="text/css" href="css/jquery.image-gallery.css" />
+	<script src="js/load-image.min.js"></script>
+	<!-- 
+	<script src="js/jquery.image-gallery.min.js"></script>
+	-->	 
+	<script src="js/jquery.image-gallery.js"></script>
+
+	<!-- Google Maps --> 
+	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBlUywmX_eOHAW5yP1uIX42FBi-Tf1KbWo&sensor=false"></script>
+
+
+
 </head>
 <body>
     
@@ -105,12 +125,12 @@
 					<ul>
 						<li><a href="javascript:onFilterByAlbum()">by album name</a></li>
 						<li><a href="javascript:onFilterByArtist()">by artist</a></li>
-						<li><a href="javascript:onFilterAlbumByTitle()">by title</a></li>
+						<li><a href="javascript:onFilterAlbumByTitle()">contains title</a></li>
 						<li><a href="javascript:onFilterAlbumByReleaseDate()">by release date</a></li>
 						<li><a href="javascript:onFilterAlbumByGenre()">by genre</a></li>
 						<li><a href="javascript:onFilterAlbumByUploadedDate()">uploaded at/by</a></li>
 					</ul>
-					Create playlist from search
+					Find titles
 					<ul>
 						<li><a href="javascript:onFilterByTitle()">by title</a></li>
 					</ul>
@@ -118,35 +138,39 @@
 	
 				<h3><a href="#">Videos</a></h3>
 				<div>
-					<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
-						Phasellus pellentesque purus in massa. Aenean in pede.</p>
-					<p>Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, 
-						magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
+					Find Videos
 					<ul>
-						<li>List item one</li>
-						<li>List item two</li>
-						<li>List item three</li>
+						<li><a href="javascript:onFilterVideoByTitle()">by title</a></li>
+						<li><a href="javascript:onFilterVideoByArtist()">by artist</a></li>
+						<li><a href="javascript:onFilterVideoByReleaseDate()">by release date</a></li>
+						<li><a href="javascript:onFilterVideoByGenre()">by genre</a></li>
 					</ul>
 				</div>
 	
 				<h3><a href="#">Pictures</a></h3>
 				<div>
-					<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames 
-						ac turpis egestas.</p>
-					<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-						Aenean lacinia mauris vel est.</p>
-					<p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
-						Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
+					Find Pictures
+					<ul>
+						<li><a href="javascript:onFilterPictureByCamera()">by camera brand</a></li>
+						<li><a href="javascript:onFilterPictureByArtist()">by artist</a></li>
+						<li><a href="javascript:onFilterPictureByDateTaken()">by date taken</a></li>
+						<li><a href="javascript:onFilterPictureyByFocalLength()">by focal length</a></li>
+						<li><a href="javascript:onFilterPictureByResolution()">by resolution</a></li>						
+						<li><a href="javascript:onFilterPictureByLocation()">by location</a></li>						
+					</ul>
 				</div>
 	
-				<h3><a href="#">Presentatios</a></h3>
+				<h3><a href="#">Office</a></h3>
 				<div>
-					<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames 
-						ac turpis egestas.</p>
-					<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
-						Aenean lacinia mauris vel est.</p>
-					<p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
-						Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
+					Find Office documents
+					<ul>
+						<li><a href="javascript:onFilterOfficeByApplication()">by application</a></li>
+						<li><a href="javascript:onFilterOfficeByAuthor()">by author</a></li>
+						<li><a href="javascript:onFilterOfficeByLastSaveDate()">by creation date</a></li>
+						<li><a href="javascript:onFilterOfficeByKeyword()">by keyword</a></li>
+						<li><a href="javascript:onFilterOfficeByNumberOfPages()">by number of pages</a></li>						
+						<li><a href="javascript:onFilterOfficeByNumberOfSlides()">by number of slides</a></li>						
+					</ul>
 				</div>
 		</div>
 	</div>

Added: chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.js
URL: http://svn.apache.org/viewvc/chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.js?rev=1384639&view=auto
==============================================================================
--- chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.js (added)
+++ chemistry/playground/chemistry-opencmis-javascript-relax/src/main/webapp/js/jquery.image-gallery.js Fri Sep 14 04:28:45 2012
@@ -0,0 +1,551 @@
+/*
+ * jQuery Image Gallery Plugin 2.4
+ * https://github.com/blueimp/jQuery-Image-Gallery
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+/*jslint nomen: true */
+/*global define, window, document, setTimeout, clearTimeout */
+
+(function (factory) {
+    'use strict';
+    if (typeof define === 'function' && define.amd) {
+        // Register as an anonymous AMD module:
+        define([
+            'jquery',
+            './load-image.js',
+            'jquery-ui'
+        ], factory);
+    } else {
+        // Browser globals:
+        factory(
+            window.jQuery,
+            window.loadImage
+        );
+    }
+}(function ($, loadImage) {
+    'use strict';
+
+    // The Image Gallery plugin makes use of jQuery's delegate method to attach
+    // a click event handler for all child elements matching a selector,
+    // now or in the future, of the given set of root elements.
+    // The click handler opens the linked images in a jQuery UI dialog.
+    // The options object given to the imagegallery method is passed to the
+    // jQuery UI dialog initialization and allows to override any dialog options.
+    $.widget('blueimp.imagegallery', {
+
+        options: {
+            // selector given to jQuery's delegate method:
+            selector: 'a[rel="gallery"]',
+            // event handler namespace:
+            namespace: 'imagegallery',
+            // Shows the next image after the given time in ms (0 = disabled):
+            slideshow: 0,
+            // Offset of image width to viewport width:
+            offsetWidth: 100,
+            // Offset of image height to viewport height:
+            offsetHeight: 100,
+            // Display images fullscreen (overrides offsets):
+            fullscreen: false,
+            // Display images as canvas elements:
+            canvas: false,
+            // Defines the image division for previous/next clicks:
+            imageClickDivision: 0.5,
+            // body class added on dialog display:
+            bodyClass: 'gallery-body',
+            // element id of the loading animation:
+            loaderId: 'gallery-loader',
+            // list of available dialog effects,
+            // used when show/hide is set to "random":
+            effects: [
+                'blind',
+                'clip',
+                'drop',
+                'explode',
+                'fade',
+                'fold',
+                'puff',
+                'slide',
+                'scale'
+            ],
+            // The following are jQuery UI dialog options, see
+            // http://jqueryui.com/demos/dialog/#options
+            // for additional options and documentation:
+            modal: true,
+            resizable: false,
+            width: 'auto',
+            height: 'auto',
+            show: 'fade',
+            hide: 'fade',
+            dialogClass: 'gallery-dialog'
+        },
+
+        _getOverlay: function () {
+            return $(document.body)
+                .children('.ui-widget-overlay').last();
+        },
+
+        _openSibling: function (link) {
+            var that = this,
+                dialog = this._dialog;
+            clearTimeout(this._slideShow);
+            this._slideShow = null;
+            if (link.href !== this._link.href) {
+                dialog.dialog('widget').hide(this.options.hide, function () {
+                    that._overlay = that._getOverlay().clone()
+                        .appendTo(document.body);
+                    dialog
+                        .dialog('option', 'hide', null)
+                        .dialog('close');
+                    that._callback = function () {
+                        that._overlay.remove();
+                        that._overlay = null;
+                    };
+                    that._open(link);
+                });
+            } else {
+                dialog.dialog('close');
+            }
+        },
+
+        _prev: function () {
+            this._openSibling(this._prevLink);
+        },
+
+        _next: function () {
+            this._openSibling(this._nextLink);
+        },
+
+        _keyHandler: function (e) {
+            var that = e.data.imagegallery;
+            switch (e.which) {
+            case 37: // left
+            case 38: // up
+                that._prev();
+                return false;
+            case 39: // right
+            case 40: // down
+                that._next();
+                return false;
+            }
+        },
+
+        _wheelHandler: function (e) {
+            var that = e.data.imagegallery;
+            e = e.originalEvent;
+            that._wheelCounter += (e.wheelDelta || e.detail || 0);
+            if ((e.wheelDelta && that._wheelCounter >= 120) ||
+                    (!e.wheelDelta && that._wheelCounter < 0)) {
+                that._prev();
+                that._wheelCounter = 0;
+            } else if ((e.wheelDelta && that._wheelCounter <= -120) ||
+                        (!e.wheelDelta && that._wheelCounter > 0)) {
+                that._next();
+                that._wheelCounter = 0;
+            }
+            return false;
+        },
+
+        _clickHandler: function (e) {
+            var that = e.data.imagegallery,
+                dialog = that._dialog;
+            if ((e.pageX - dialog.offset().left) / dialog.width() <
+                    that.options.imageClickDivision) {
+                that._prev();
+            } else {
+                that._next();
+            }
+        },
+
+        _overlayClickHandler: function (e) {
+            var that = e.data.imagegallery;
+            $(this).unbind(
+                'click.' + that.options.namespace,
+                that._overlayClickHandler
+            );
+            that._dialog.dialog('close');
+        },
+
+        _openHandler: function (e) {
+            var that = e.data.imagegallery,
+                options = that.options;
+            $(document.body).addClass(options.bodyClass);
+            that._getOverlay()
+                .bind(
+                    'click.' + options.namespace,
+                    e.data,
+                    that._overlayClickHandler
+                );
+            if (that._callback) {
+                that._callback();
+                that._callback = null;
+            }
+            if (options.slideshow) {
+                that._slideShow = setTimeout(
+                    function () {
+                        that._next();
+                    },
+                    options.slideshow
+                );
+            }
+        },
+
+        _closeHandler: function (e) {
+            var that = e.data.imagegallery,
+                options = that.options;
+            $(document)
+                .unbind(
+                    'keydown.' + options.namespace,
+                    that._keyHandler
+                )
+                .unbind(
+                    'mousewheel.' + options.namespace +
+                        ', DOMMouseScroll.' + options.namespace,
+                    that._wheelHandler
+                );
+            clearTimeout(that._slideShow);
+            that._slideShow = null;
+            if (!that._overlay) {
+                $(document.body).removeClass(options.bodyClass);
+                that._position = null;
+            }
+            that._dialog.remove();
+            that._dialog = null;
+        },
+
+        _dragStopHandler: function (e, ui) {
+            var that = e.data.imagegallery;
+            that._position = ui.position;
+        },
+
+        _initDialogHandlers: function () {
+            var that = this,
+                options = this.options,
+                eventData = {imagegallery: this};
+            $(document)
+                .bind(
+                    'keydown.' + options.namespace,
+                    eventData,
+                    this._keyHandler
+                )
+                .bind(
+                    'mousewheel.' + options.namespace +
+                        ', DOMMouseScroll.' + options.namespace,
+                    eventData,
+                    this._wheelHandler
+                );
+            that._dialog
+                .bind(
+                    'click.' + options.namespace,
+                    eventData,
+                    this._clickHandler
+                )
+                .bind(
+                    'dialogopen.' + options.namespace,
+                    eventData,
+                    this._openHandler
+                )
+                .bind(
+                    'dialogclose.' + options.namespace,
+                    eventData,
+                    this._closeHandler
+                )
+                .bind(
+                    'dialogdragstop.' + options.namespace,
+                    eventData,
+                    this._dragStopHandler
+                );
+        },
+
+        _loadHandler: function (img) {
+            var options = this.options,
+                offsetWidth = options.offsetWidth,
+                offsetHeight = options.offsetHeight;
+            this._dialog = $('<div></div>');
+            this._loaded = true;
+            $(document)
+                .unbind(
+                    'keydown.' + options.namespace,
+                    this._escapeHandler
+                )
+                .unbind(
+                    'click.' + options.namespace,
+                    this._documentClickHandler
+                );
+            this._img = null;
+            this._loadingAnimation.hide();
+            this._initDialogHandlers();
+            if (this._position) {
+                options = $.extend({}, options, {position: [
+                    this._position.left,
+                    this._position.top
+                ]});
+            }
+            this._dialog
+                .append(img)
+                .appendTo(document.body)
+                .toggleClass(
+                    'gallery-dialog-single',
+                    this._prevLink === this._link &&
+                        this._nextLink === this._link
+                )
+                .dialog(options);
+        },
+
+        _abortLoading: function () {
+            var options = this.options;
+            this._img.unbind();
+            $(document)
+                .unbind(
+                    'keydown.' + options.namespace,
+                    this._escapeHandler
+                )
+                .unbind(
+                    'click.' + options.namespace,
+                    this._documentClickHandler
+                );
+            this._getOverlay().remove();
+            this._loadingAnimation.hide();
+            $(document.body).removeClass(options.bodyClass);
+        },
+
+        _escapeHandler: function (e) {
+            if (e.keyCode === 27) { // ESC key
+                e.data.imagegallery._abortLoading();
+            }
+        },
+
+        _documentClickHandler: function (e) {
+            var that = e.data.imagegallery;
+            // The closest() test prevents the click event
+            // bubbling up from aborting the image load:
+            if (!$(e.target).closest(that._link).length) {
+                that._abortLoading();
+            }
+        },
+
+        _loadImage: function () {
+            var that = this,
+                options = this.options,
+                eventData = {imagegallery: this},
+                windowWidth = $(window).width(),
+                windowHeight = $(window).height(),
+                loadImageOptions;
+            if (options.fullscreen) {
+                loadImageOptions = {
+                    minWidth: windowWidth,
+                    minHeight: windowHeight,
+                    maxWidth: windowWidth,
+                    maxHeight: windowHeight,
+                    canvas: options.canvas
+                };
+            } else {
+                loadImageOptions = {
+                    maxWidth: windowWidth - options.offsetWidth,
+                    maxHeight: windowHeight - options.offsetHeight,
+                    canvas: options.canvas
+                };
+            }
+            $(document)
+                .bind(
+                    'keydown.' + options.namespace,
+                    eventData,
+                    this._escapeHandler
+                )
+                .bind(
+                    'click.' + options.namespace,
+                    eventData,
+                    this._documentClickHandler
+                );
+            that._loaded = null;
+            this._img = $(loadImage(
+                this._link.href,
+                function (img) {
+                    that._loadHandler(img);
+                },
+                loadImageOptions
+            ));
+            // The timeout prevents the loading animation to show
+            // when the image has already been loaded:
+            setTimeout(function () {
+                if (!that._loaded) {
+                    that._loadingAnimation.show();
+                }
+            }, 100);
+        },
+
+        _preloadSiblings: function () {
+            // Preload the next and previous images:
+            $('<img>').prop('src', this._nextLink.href);
+            $('<img>').prop('src', this._prevLink.href);
+        },
+
+        _initSiblings: function () {
+            var that = this,
+                link = this._link,
+                links = this.element.find(this.options.selector);
+            this._prevLink = null;
+            this._nextLink = null;
+            links.each(function (index) {
+                // Check the next and next but one link, to account for
+                // thumbnail and name linking twice to the same image:
+                if ((links[index + 1] === link ||
+                        links[index + 2] === link) &&
+                        this.href !== link.href) {
+                    that._prevLink = this;
+                }
+                if ((links[index - 1] === link ||
+                        links[index - 2] === link) &&
+                        this.href !== link.href) {
+                    that._nextLink = this;
+                    return false;
+                }
+            });
+            if (!this._prevLink) {
+                this._prevLink = links[links.length - 1];
+            }
+            if (!this._nextLink) {
+                this._nextLink = links[0];
+            }
+        },
+
+        _getRandomEffect: function () {
+            var effects = this.options.effects;
+            return effects[Math.floor(Math.random() * effects.length)];
+        },
+
+        _initEffects: function () {
+            var options = this.options;
+            if (options.show === 'random' || this._show === 'random') {
+                this._show = 'random';
+                options.show = this._getRandomEffect();
+            }
+            if (options.hide === 'random' || this._hide === 'random') {
+                this._hide = 'random';
+                options.hide = this._getRandomEffect();
+            }
+        },
+
+        _open: function (link) {
+            if (this._dialog) {
+                var copy = $.extend({}, this);
+                copy._dialog = null;
+                copy._position = null;
+                copy._open(link);
+                return;
+            }
+            this.options.title = link.title ||
+                decodeURIComponent(link.href.split('/').pop());
+            this._link = link;
+            this._initEffects();
+            this._loadImage();
+            this._initSiblings();
+            this._preloadSiblings();
+        },
+
+        _initFullscreenOptions: function () {
+            var options = this.options;
+            if (options.fullscreen) {
+                if (!/-fullscreen$/.test(options.dialogClass)) {
+                    options.dialogClass += '-fullscreen';
+                }
+                if (!/-fullscreen$/.test(options.bodyClass)) {
+                    options.bodyClass += '-fullscreen';
+                }
+            } else {
+                options.dialogClass = options.dialogClass
+                    .replace(/-fullscreen$/, '');
+                options.bodyClass = options.bodyClass
+                    .replace(/-fullscreen$/, '');
+            }
+        },
+
+        _initLoadingAnimation: function () {
+            this._loadingAnimation = $(
+                '<div id="' +
+                    this.options.loaderId +
+                    '"></div>'
+            ).hide().appendTo(document.body);
+        },
+
+        _destroyLoadingAnimation: function () {
+            this._loadingAnimation.remove();
+            this._loadingAnimation = null;
+        },
+
+        _delegate: function () {
+            var that = this,
+                options = this.options;
+            this.element.delegate(
+                options.selector,
+                'click.' + options.namespace,
+                function (e) {
+                    e.preventDefault();
+                    that._open(this);
+                }
+            );
+        },
+
+        _undelegate: function () {
+            this.element.undelegate(
+                this.options.selector,
+                'click.' + this.options.namespace
+            );
+        },
+
+        _setOption: function (key, value) {
+            this._show = this._hide = null;
+            var refresh = (key === 'namespace' || key === 'selector');
+            if (refresh) {
+                this._undelegate();
+            }
+            $.Widget.prototype._setOption.call(this, key, value);
+            if (refresh) {
+                this._delegate();
+            }
+            if ($.inArray(
+                    key,
+                    ['fullscreen', 'dialogClass', 'bodyClass']
+                ) !== -1) {
+                this._initFullscreenOptions();
+            }
+        },
+
+        _create: function () {
+            this._wheelCounter = 0;
+            this._initLoadingAnimation();
+            this._initFullscreenOptions();
+            this._delegate();
+        },
+
+        destroy: function () {
+            clearTimeout(this._slideShow);
+            this._slideShow = null;
+            if (this._dialog) {
+                this._dialog.dialog('close');
+            }
+            this._undelegate();
+            this._destroyLoadingAnimation();
+            $.Widget.prototype.destroy.call(this);
+        },
+
+        enable: function () {
+            $.Widget.prototype.enable.call(this);
+            this._delegate();
+        },
+
+        disable: function () {
+            clearTimeout(this._slideShow);
+            this._slideShow = null;
+            this._undelegate();
+            $.Widget.prototype.disable.call(this);
+        }
+
+    });
+
+}));