diff --git a/screenshots.html b/screenshots.html
index 478aa991ed..f597fe96ce 100644
--- a/screenshots.html
+++ b/screenshots.html
@@ -7,6 +7,47 @@
 	<meta name="keywords" content="open source, django, dms, edms, cms, electronic document" />
 	<link href="css/main.css" rel="stylesheet" type="text/css" />
     <link rel="icon" type="image/png" href="images/bullet.png" title="Mayan" />	
+
+	<!-- Add jQuery library -->
+	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+
+	<!-- Add mousewheel plugin (this is optional) -->
+	<!-- <script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> -->
+
+	<!-- Add fancyBox -->
+	<link rel="stylesheet" href="packages/fancybox/source/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
+	<script type="text/javascript" src="packages/fancybox/source/jquery.fancybox.pack.js?v=2.0.4"></script>
+
+	<!-- Optionaly add button and/or thumbnail helpers -->
+	<link rel="stylesheet" href="packages/fancybox/source/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
+	<script type="text/javascript" src="packages/fancybox/source/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>
+
+	<link rel="stylesheet" href="packages/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />
+	<script type="text/javascript" src="packages/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>
+	
+	<script type="text/javascript">
+		$(document).ready(function() {
+			$(".fancybox").fancybox({
+				prevEffect		: 'fade',
+				nextEffect		: 'fade',
+				closeBtn		: false,
+				helpers		: { 
+					buttons	: {},
+					overlay	: {
+						opacity : 0.8,
+						css : {
+							'background-color' : '#000'
+						}
+					},
+					thumbs	: {
+						width	: 50,
+						height	: 50
+					}
+				}				
+				
+			});
+		});
+	</script>    
 </head>
 <body>
 	<div id="header">
@@ -46,32 +87,32 @@
 		<ul class="bullets">
 			<li><h3><span class="red">Document's page previews</span></h3></li>
 			<p>
-				<img class="screenshot" src="images/pages-carousel.png"/><br />
+				<a class="fancybox" rel="screenshots" href="images/pages-carousel.png" title="Multipage document preview support"><img class="screenshot center" src="images/pages-carousel.png" /></a><br />
 			</p>			
 
 			<li><h3><span class="red">Many configuration options with sensible defaults</span></h3></li>
 			<p>
-				<img class="screenshot" src="images/settings.png" width="800" /><br />
+				<a class="fancybox" rel="screenshots" href="images/settings.png" title="Configuration options"><img class="screenshot center" src="images/settings.png" width="800px" /></a><br />
 			</p>			
 
 			<li><h3><span class="red">Automatic document grouping</span></h3></li>
 			<p>
-				<img class="screenshot" src="images/grouping.png" width="800" /><br />
+				<a class="fancybox" rel="screenshots" href="images/grouping.png" title="Automatic metadata based document linking"><img class="screenshot center" src="images/grouping.png" width="800px" /></a><br />
 			</p>			
 
 			<li><h3><span class="red">Document content extracted or transcribed via OCR</span></h3></li>
 			<p>
-				<img class="screenshot"  src="images/content.png" width="800" /><br />
+				<a class="fancybox" rel="screenshots" href="images/content.png" title="Content extraction via parsing with OCR fallback"><img class="screenshot center" src="images/content.png" width="800px" /></a><br />
 			</p>			
 
 			<li><h3><span class="red">Many file formats supported, database and storage agnostic</span></h3></li>
 			<p>
-				<img class="screenshot"  src="images/properties.png" /><br />
+				<a class="fancybox" rel="screenshots" href="images/properties.png" title="Database and storage independent"><img class="screenshot center" src="images/properties.png" /></a><br />
 			</p>			
 
 			<li><h3><span class="red">Color coded tagging</span></h3></li>
 			<p>
-				<img class="screenshot"  src="images/tagging.png" /><br />
+				<a class="fancybox" rel="screenshots" href="images/tagging.png" title="Color coded tagging"><img class="screenshot center" src="images/tagging.png" /></a><br />
 			</p>			
 
 		</ul>
