You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ctakes.apache.org by se...@apache.org on 2015/03/02 00:35:52 UTC

svn commit: r1663180 - in /ctakes/site/new: css/examples.css examples2.html examples3.html images/CPEimage006.jpg images/CvdMain1.jpg images/TimeLanesBig.jpg images/ctakesguiJoin.jpg

Author: seanfinan
Date: Sun Mar  1 23:35:52 2015
New Revision: 1663180

URL: http://svn.apache.org/r1663180
Log:
Adding large image for example guis
Adding 2 options for examples : 1 with large tiles, 1 with a row of small images with blowups on rollover

Added:
    ctakes/site/new/examples2.html
    ctakes/site/new/examples3.html
      - copied, changed from r1663169, ctakes/site/new/examples.html
    ctakes/site/new/images/CPEimage006.jpg   (with props)
    ctakes/site/new/images/CvdMain1.jpg   (with props)
    ctakes/site/new/images/TimeLanesBig.jpg   (with props)
    ctakes/site/new/images/ctakesguiJoin.jpg   (with props)
Modified:
    ctakes/site/new/css/examples.css

Modified: ctakes/site/new/css/examples.css
URL: http://svn.apache.org/viewvc/ctakes/site/new/css/examples.css?rev=1663180&r1=1663179&r2=1663180&view=diff
==============================================================================
--- ctakes/site/new/css/examples.css (original)
+++ ctakes/site/new/css/examples.css Sun Mar  1 23:35:52 2015
@@ -11,8 +11,10 @@
   transition-property: opacity;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
-  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  transition:         opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -webkit-transition: opacity 0s;
+  transition:         opacity 0s;
+/*  -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transition:         opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
 }
 
 .carousel-fade .carousel-inner .active {
@@ -29,7 +31,49 @@
   background-color: #195C97;
 }
 
+.carousel-tiles {
+ 	background-color: #eef6fd;
+   margin-bottom: 20px;
+}
+
+.carousel-tile {
+   text-align: center;
+   /* top right bottom left */
+   padding: 0px 20px 10px 20px;
+}
+
+
 .screenshot {
   max-height: 250px;
-  float: right;
+}
+
+.screenshot-stretch {
+  width: 100%;
+  max-height: 250px;
+}
+
+.example-container {
+   height: 350px;
+ 	background-color: #eef6fd;
+ 	/* top right bottom left */
+ 	padding: 20px 10px 20px 10px;
+   margin-bottom: 20px;
+   text-align: center;
+   position: relative;
+}
+
+.example-title {
+   width: 100%;
+   position: absolute;
+   bottom: 0;
+  	/* top right bottom left */
+	padding: 10px 20px 10px 0px;
+   text-align: center;
+}
+
+.empty-example-container {
+   height: 350px;
+/* 	background-color: #AFEEEE; */
+  	background-color: #E6E6FA;
+   margin-bottom: 20px;
 }

Added: ctakes/site/new/examples2.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples2.html?rev=1663180&view=auto
==============================================================================
--- ctakes/site/new/examples2.html (added)
+++ ctakes/site/new/examples2.html Sun Mar  1 23:35:52 2015
@@ -0,0 +1,282 @@
+<!-- Use this page as a template guide for making new pages on the site. 
+     Main edits can be made to line 23, 55, 103 -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+   <meta charset="utf-8">
+   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+   <title>
+      Apache cTAKES&trade; - clinical Text Analysis Knowledge Extraction System
+   </title>
+   <link rel="icon" type="image/png" href="images/apache_logo.png"/>
+
+
+   <!-- Bootstrap core CSS -->
+   <link href="css/cerulean.min.css" rel="stylesheet">
+   <link href="css/custom.css" rel="stylesheet">
+
+   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+   <link href="css/main.css" rel="stylesheet">
+   <link href="css/apache.css" rel="stylesheet">
+   <!-- css for carousel and marked text animation -->
+   <link href="css/examples.css" rel="stylesheet">
+
+   <script type="text/javascript">
+          var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-41673085-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();	
+
+
+
+
+   </script>
+
+   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+   <!--[if lt IE 9]>
+   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+   <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+   <![endif]-->
+</head>
+
+<body>
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+   <div class="navbar-inner">
+      <div class="container" id="navbar-container">
+         <!-- Brand and toggle get grouped for better mobile display -->
+         <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+               <span class="sr-only">Toggle Navigation</span>
+               <span class="icon-bar"></span>
+               <span class="icon-bar"></span>
+               <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="index.html"> <img src="images/ctakes_logo.png"/>
+            </a>
+         </div>
+
+
+         <!-- Collect the nav links, forms, and other content for toggling -->
+         <div class="collapse navbar-collapse" id="navbar-collapse-1">
+            <ul class="nav navbar-nav navbar-right">
+               <li class="dropdown">
+                  <a href="whycTAKES.html">Why cTAKES?</a>
+               </li>
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                     Get Started <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="downloads.html">Download cTAKES</a></li>
+                     <li><a href="examples.html">Examples</a></li>
+                     <li><a href="tutorials.html">Tutorials</a></li>
+                  </ul>
+               </li>
+
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                     Community <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="community.html">Get Involved</a></li>
+                     <li><a href="history.html">Project History</a></li>
+                     <li><a href="usedby.html">Who's Using cTAKES</a></li>
+                     <li><a href="people.html">People</a></li>
+                     <li><a href="https://www.apache.org/security">Security</a></li>
+                     <li><a href="https://www.apache.org/licenses/">License</a></li>
+                     <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
+                  </ul>
+               </li>
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources
+                     <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu">
+                     <li><a href="faq.html">FAQ</a></li>
+                     <li><a href="mailing.html">Mailing Lists</a></li>
+                     <li><a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                     <li><a href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
+                  </ul>
+               </li>
+
+            </ul>
+         </div>
+         <!-- /.navbar-collapse -->
+      </div>
+      <!-- End navbar container -->
+   </div>
+</nav>
+
+<div class="container">
+
+   <div class="row">
+      <h1>Examples</h1>
+      <p>
+      </p>
+   </div>
+
+   <div class="row">
+      <h3><a href="http://uima.apache.org/">Apache
+         <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr></a>
+         <small><abbr title="Graphical User Interface">GUI</abbr> tools offered by Apache
+            <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr> that work with cTAKES&trade;.
+         </small>
+      </h3>
+   </div>
+
+   <div class="row">
+      <!--  CVD  -->
+      <div class="col-xs-7 col-md-6 col-lg-5">
+         <div class="example-container">
+            <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+               <img class="screenshot-stretch" src="images/CvdScreen.jpg">
+            </a>
+
+            <div class="example-title">
+               <h4>Cas Visual Debugger (CVD)<br>
+                  <small>Process raw text and view NLP metadata</small>
+               </h4>
+            </div>
+         </div>
+      </div>
+      <!--  CPE  -->
+      <div class="col-xs-5 col-lg-4">
+         <div class="example-container">
+            <a href="http://uima.apache.org/downloads/releaseDocs/2.3.0-incubating/docs/html/tutorials_and_users_guides/tutorials_and_users_guides.html#ugr.tug.cpe.configurator_and_viewer">
+               <img class="screenshot-stretch" src="images/UimaCPE.jpg">
+            </a>
+
+            <div class="example-title">
+               <h4>Collection Processing Engine (CPE)<br>
+                  <small>Process a multiple document batch</small>
+               </h4>
+            </div>
+         </div>
+      </div>
+      <!--  Empty  -->
+      <div class="hidden-xs hidden-sm col-md-1 col-lg-3">
+         <div class="empty-example-container">
+         </div>
+      </div>
+   </div>
+   <!-- end row 1 -->
+
+   <div class="row">
+      <h3>Miscellaneous
+         <small><abbr title="Graphical User Interface">GUI</abbr>
+            tools offered by miscellaneous parties that work with cTAKES&trade;.
+         </small>
+      </h3>
+   </div>
+   <div class="row">
+      <!--  Empty  -->
+      <div class="col-xs-1 col-sm-2 hidden-md col-lg-1 empty-example-container">
+      </div>
+      <!--  Web Gui  -->
+      <div class="col-xs-9 col-sm-8 col-md-6 col-lg-5">
+         <div class="example-container">
+            <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+               <img class="screenshot-stretch" src="images/WebGui.jpg">
+            </a>
+
+            <div class="example-title">
+               <h4>cTAKES Web Interface<br>
+                  <small>Process raw text in a browser</small>
+               </h4>
+            </div>
+         </div>
+      </div>
+      <!--  Empty  -->
+      <div class="col-xs-2 col-sm-2 hidden-md hidden-lg empty-example-container">
+      </div>
+      <!-- Next row when small -->
+      <!--  Empty  -->
+      <div class="col-xs-2 col-sm-3 hidden-md col-lg-1 empty-example-container">
+      </div>
+      <!--  Timelanes  -->
+      <div class="col-xs-9 col-sm-8 col-md-6 col-lg-5">
+         <div class="example-container">
+            <!--<a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">-->
+            <img class="screenshot-stretch" src="images/TimeVizScreen.jpg">
+            <!--</a>-->
+            <div class="example-title">
+               <h4>TimeLanes<br>
+                  <small>View extracted UMLS and Temporal information</small>
+               </h4>
+            </div>
+         </div>
+      </div>
+      <!--  Empty  -->
+      <div class="col-xs-1 col-sm-1 hidden-md hidden-lg empty-example-container">
+      </div>
+   </div>
+   <!-- End Row 2 -->
+
+
+   <!-- The 3rd row doesn't quite fit -->
+
+   <!--<div class="row">-->
+   <!--<h3>Miscellaneous Integration-->
+   <!--<small>Integrations made by third parties</small>-->
+   <!--</h3>-->
+   <!--</div>-->
+   <!--<div class="row">-->
+   <!--</div>-->
+   <!--&lt;!&ndash;  Web Gui  &ndash;&gt;-->
+   <!--<div class="col-xs-7 col-sm-6 col-md-5 col-lg-4">-->
+   <!--<div class="example-container">-->
+   <!--<a href="http://uima.apache.org/doc-uimaas-what.html">-->
+   <!--<img class="screenshot" src="images/UIMA_AS.jpg">-->
+   <!--</a>-->
+
+   <!--<div class="example-title">-->
+   <!--<h4><abbr title="Unstructured Information Management applications">UIMA&trade;</abbr> Asynchronous Scaleout-->
+   <!--(AS)<br>-->
+   <!--<small>Process a document batch on multiple machines</small>-->
+   <!--</h4>-->
+   <!--</div>-->
+   <!--</div>-->
+   <!--</div>-->
+   <!--&lt;!&ndash;  Empty  &ndash;&gt;-->
+   <!--<div class="hidden-xs col-sm-1 col-md-3 col-lg-5 empty-example-container">-->
+   <!--</div>-->
+   <!--&lt;!&ndash;  i2b2  &ndash;&gt;-->
+   <!--<div class="col-xs-5 col-sm-5 col-md-4 col-lg-3">-->
+   <!--<div class="example-container">-->
+   <!--<a href="https://www.i2b2.org">-->
+   <!--<img class="screenshot" src="images/I2b2_Cell.jpg">-->
+   <!--</a>-->
+
+   <!--<div class="example-title">-->
+   <!--<h4><abbr title="Informatics for Integrating Biology & the Bedside">i2b2</abbr><br>-->
+   <!--<small>Process a documents in the i2b2 system</small>-->
+   <!--</h4>-->
+   <!--</div>-->
+   <!--</div>-->
+   <!--</div>-->
+   <!--&lt;!&ndash; end row 3 &ndash;&gt;-->
+
+
+
+</div>
+<!-- End main container -->
+
+<footer class="small">
+   <hr>
+   Apache cTAKES, cTAKES, Apache, and the cTAKES logo are trademarks of
+   <a href="http://www.apache.org">The Apache Software Foundation</a>.
+   <a href="http://www.apache.org"><img class="little-feather" src="images/feather_20v.png"></a>
+</footer>
+
+<script src="https://code.jquery.com/jquery.js"></script>
+<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+<!-- runs the carousel animation -->
+<!--<script type="text/javascript">-->
+<!--$(document).ready(function(){-->
+<!--$('.carousel').carousel();-->
+<!--});-->
+<!--</script>-->
+
+
+</body>
+</html>

Copied: ctakes/site/new/examples3.html (from r1663169, ctakes/site/new/examples.html)
URL: http://svn.apache.org/viewvc/ctakes/site/new/examples3.html?p2=ctakes/site/new/examples3.html&p1=ctakes/site/new/examples.html&r1=1663169&r2=1663180&rev=1663180&view=diff
==============================================================================
--- ctakes/site/new/examples.html (original)
+++ ctakes/site/new/examples3.html Sun Mar  1 23:35:52 2015
@@ -28,6 +28,7 @@
           var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-41673085-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();	
 
 
+
    </script>
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
@@ -107,145 +108,61 @@
 
 <div class="container">
 
+   <div class="row carousel-tiles">
+      <div data-target="#guiCarousel" data-slide-to="0" class="carousel-tile col-xs-3 active">
+         <h4>Apache
+            <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr>
+            <abbr title="Cas Visual Debugger">CVD</abbr></h4>
+         <img class="screenshot" src="images/CvdScreen.jpg" style="width: 100%;">
+      </div>
+      <div data-target="#guiCarousel" data-slide-to="1" class="carousel-tile col-xs-3">
+         <h4>Apache
+            <abbr title="Unstructured Information Management applications">UIMA&trade;</abbr>
+            <abbr title="Collection Processing Engine Configurator">CPE</abbr></h4>
+         <img class="screenshot" src="images/UimaCPE.jpg" style="width: 100%;">
+      </div>
+      <div data-target="#guiCarousel" data-slide-to="2" class="carousel-tile col-xs-3">
+         <h4>TimeLanes</h4>
+         <img class="screenshot" src="images/TimeVizScreen.jpg" style="width: 100%;">
+      </div>
+      <div data-target="#guiCarousel" data-slide-to="3" class="carousel-tile col-xs-3">
+         <h4>cTAKES Web GUI</h4>
+         <img class="screenshot" src="images/WebGui.jpg" style="width: 100%;">
+      </div>
+   </div>
+
    <div id="guiCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="5000">
-      <!-- Indicators -->
-      <ol class="carousel-indicators">
-         <li data-target="#guiCarousel" data-slide-to="0" class="active"></li>
-         <li data-target="#guiCarousel" data-slide-to="1"></li>
-         <li data-target="#guiCarousel" data-slide-to="2"></li>
-         <li data-target="#guiCarousel" data-slide-to="3"></li>
-         <li data-target="#guiCarousel" data-slide-to="4"></li>
-         <li data-target="#guiCarousel" data-slide-to="5"></li>
-      </ol>
-      <!-- Slides -->
       <div class="carousel-inner" role="listbox">
-         <!-- Slide 1 -->
+         <!-- CVD -->
          <div class="item active">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>UIMA Cas Visual Debugger (CVD)<br>
-                     <small>Process raw text and view NLP metadata</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>UIMA C.V.D.<br>
-                     <small>Process raw text</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
-                     <img class="screenshot" src="images/CvdScreen.jpg" style="width: 100%;">
-                  </a>
-               </div>
-            </div>
-         </div>
-         <!-- Slide 2 -->
-         <div class="item">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>UIMA Collection Processing Engine (CPE)<br>
-                     <small>Process a multiple document batch</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>UIMA C.P.E.<br>
-                     <small>Process a batch of notes</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="http://uima.apache.org/downloads/releaseDocs/2.3.0-incubating/docs/html/tutorials_and_users_guides/tutorials_and_users_guides.html#ugr.tug.cpe.configurator_and_viewer">
-                     <img class="screenshot" src="images/UimaCPE.jpg" style="width: 100%;">
-                  </a>
-               </div>
-            </div>
-         </div>
-         <!-- Slide 3 -->
-         <div class="item">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>TimeLanes<br>
-                     <small>View extracted UMLS and Temporal information</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>TimeLanes<br>
-                     <small>View property markups</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
-                     <img class="screenshot" src="images/TimeVizScreen.jpg" style="width: 100%;">
-                  </a>
-               </div>
-            </div>
+            <a href="https://uima.apache.org/downloads/releaseDocs/2.2.2-incubating/docs/html/tools/tools.html#cvd.mainDisplayArea">
+               <img class="img-responsive" src="images/CvdMain1.jpg">
+            </a>
+
          </div>
-         <!-- Slide 4 -->
+         <!-- CPE -->
          <div class="item">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>cTAKES Web Interface<br>
-                     <small>Process raw text in a browser</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>Web UI<br>
-                     <small>Process text online</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
-                     <img class="screenshot" src="images/WebGui.jpg" style="width: 100%;">
-                  </a>
-               </div>
-            </div>
+            <a href="http://uima.apache.org/downloads/releaseDocs/2.3.0-incubating/docs/html/tutorials_and_users_guides/tutorials_and_users_guides.html#ugr.tug.cpe.configurator_and_viewer">
+               <img class="img-responsive" src="images/CPEimage006.jpg">
+            </a>
          </div>
-         <!-- Slide 5 -->
+         <!-- TimeLanes -->
          <div class="item">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>UIMA Asynchronous Scaleout (AS)<br>
-                     <small>Process a document batch on multiple machines</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>UIMA -AS<br>
-                     <small>Process on multiple machines</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="http://uima.apache.org/doc-uimaas-what.html">
-                     <img class="screenshot" src="images/UIMA_AS.jpg">
-                  </a>
-               </div>
-            </div>
+            <a href="#">
+               <img class="img-responsive" src="images/TimeLanesBig.jpg">
+            </a>
          </div>
-         <!-- Slide 6 -->
+         <!-- Web Gui -->
          <div class="item">
-            <div class="row">
-               <div class="col-lg-8 col-md-7 col-sm-6 hidden-xs col-padded">
-                  <h2>cTAKES i2b2 Cell<br>
-                     <small>Process a documents in the i2b2 system</small>
-                  </h2>
-               </div>
-               <div class="col-xs-4 hidden-lg hidden-md hidden-sm col-padded">
-                  <h3>cTAKES i2b2<br>
-                     <small>Process in i2b2</small>
-                  </h3>
-               </div>
-               <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8 col-padded">
-                  <a href="https://www.i2b2.org">
-                     <img class="screenshot" src="images/I2b2_Cell.jpg">
-                  </a>
-               </div>
-            </div>
+            <a href="https://community.i2b2.org/wiki/display/NLPCTAKES/Home">
+               <img class="img-responsive" src="images/ctakesguiJoin.jpg">
+            </a>
          </div>
 
       </div>
    </div>
    <!-- End Carousel -->
 
-  
-
 
 </div>
 <!-- End main container -->
@@ -260,10 +177,27 @@
 <script src="https://code.jquery.com/jquery.js"></script>
 <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
 <!-- runs the carousel animation -->
+<!--$(document).ready(function(){-->
+<!--$('.carousel').carousel();-->
+<!--});-->
+
 <script type="text/javascript">
-       $(document).ready(function(){
-           $('.carousel').carousel();
-       });
+
+$('#guiCarousel').carousel({interval:false}); /* init the carousel but don't start it */
+var myInterval=false;
+$('.carousel-tile').mouseover(function() {
+    var ctrl = $(this);
+    var interval = 100;
+
+    myInterval = setInterval(function(){
+         ctrl.trigger("click");
+    },interval);
+});
+
+$('.carousel-tile').mouseout(function(){
+    clearInterval(myInterval);
+    myInterval = false;
+});
 
 
 </script>

Added: ctakes/site/new/images/CPEimage006.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/CPEimage006.jpg?rev=1663180&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/CPEimage006.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/CvdMain1.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/CvdMain1.jpg?rev=1663180&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/CvdMain1.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/TimeLanesBig.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/TimeLanesBig.jpg?rev=1663180&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/TimeLanesBig.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ctakes/site/new/images/ctakesguiJoin.jpg
URL: http://svn.apache.org/viewvc/ctakes/site/new/images/ctakesguiJoin.jpg?rev=1663180&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ctakes/site/new/images/ctakesguiJoin.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream