admin/admin.php

 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
 		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/sortable.js"></script>
 		<script type="text/javascript">
-		<!--
-			window.onload = function() {
-				contenedor = new Fx.Style('divMessages', 'opacity', {duration: 5000, onComplete:
-					function() {
-						document.getElementById('divMessages').style.display="none";
-					}
-				});
-				contenedor.custom(1,0);
-			}
-		-->
+		$(document).ready(function(){
+			$("#divMessages").fadeOut(5000,function(){
+				$("#divMessages").css({display:"none"});
+			});
+		});
 		</script>
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";

admin/comments.php

 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
 		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
 		<script language="javascript" type="text/javascript">
-		<!--
-			window.onload = function() {
-				contenedor = new Fx.Style('divMessages', 'opacity', {duration: 5000, onComplete:
-					function() {
-						document.getElementById('divMessages').style.display="none";
-					}
-				});
-				contenedor.custom(1,0);
-			}
-		-->
+		$(document).ready(function(){
+			$("#divMessages").fadeOut(5000,function(){
+				$("#divMessages").css({display:"none"});
+			});
+		});
 		</script>
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";

admin/css/lightbox.css

+
+
+#lightbox{
+	position: absolute;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+	}
+
+#lightbox a img{ border: none; }
+
+#outerImageContainer{
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+	}
+
+#imageContainer{
+	padding: 10px;
+	}
+
+#loading{
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+	}
+#hoverNav{
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+	}
+#imageContainer>#hoverNav{ left: 0;}
+#hoverNav a{ outline: none;}
+
+#prevLink, #nextLink{
+	width: 49%;
+	height: 100%;
+	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
+	display: block;
+	}
+#prevLink { left: 0; float: left;}
+#nextLink { right: 0; float: right;}
+#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
+
+
+#imageDataContainer{
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%	
+	}
+
+#imageData{	padding:0 10px; color: #666; }
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #caption{ font-weight: bold;	}
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
+#imageData #bottomNavClose{ width: 66px; float: right; margin: 1.0em;}	
+
+
+
+		
+#overlay{
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+	background-color: #000;
+	}
+	
+	
+/* * * * * V 0.3 * * * * * /
+/* html,body thanks to Torben  - http://blog.schreiter.info/ */
+html, body {
+	height:100%;
+	min-height:100%;
+}

admin/index.php

 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<title>gelato :: <?php echo __("control panel")?></title>
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
 		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/slimbox.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/lightbox.js"></script>
 		<script language="javascript" type="text/javascript">
-		<!--
-			function exit(el, path) {
-				el = $(el);
-				el.style.display="block";
-				el.setHTML('Processing request&hellip;');
-				new Ajax(path, {
-					onComplete:function(e) {
-						el.setHTML(e).effect('opacity').custom(0,1);
-						window.location='../login.php';
-					}
-				}).request();
-				return false;
-			}
-
-			window.onload = function() {
-				contenedor = new Fx.Style('divMessages', 'opacity', {duration: 5000, onComplete:
-					function() {
-						document.getElementById('divMessages').style.display="none";
-					}
-				});
-				contenedor.custom(1,0);
-			}
-		-->
+		$(document).ready(function(){
+			$("#divMessages").fadeOut(5000,function(){
+				$("#divMessages").css({display:"none"});
+			});
+		});
 		</script>
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";
-			@import "<?php echo $conf->urlGelato;?>/admin/css/slimbox.css";
+			@import "<?php echo $conf->urlGelato;?>/admin/css/lightbox.css";
 		</style>
 	</head>
 	
 										$photoPath = $register["url"];
 									}
 
-									$effect = " style=\"cursor: pointer;\" onclick=\"Lightbox.show('".$register["url"]."', '".strip_tags($register["description"])."');\" ";
+									$effect = " href=\"".str_replace("../", $conf->urlGelato."/", $register["url"])."\" rel=\"lightbox\"";
 									
 									$input = array("{Id_Post}", "{Date_Added}", "{Permalink}", "{PhotoURL}", "{PhotoAlt}", "{Caption}", "{Effect}", "{URL_Tumble}");
 									$output = array($register["id_post"], $formatedDate, $permalink, $photoPath, strip_tags($register["description"]), $register["description"], $effect, $conf->urlGelato);

admin/options.php

 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
 		<script type="text/javascript">
-		<!--
-			window.onload = function() {
-				contenedor = new Fx.Style('divMessages', 'opacity', {duration: 5000, onComplete:
-					function() {
-						document.getElementById('divMessages').style.display="none";
-					}
-				});
-				contenedor.custom(1,0);
-			}
-		-->
-		</script>	
+		$(document).ready(function(){
+			$("#divMessages").fadeOut(5000,function(){
+				$("#divMessages").css({display:"none"});
+			});
+		});
+		</script>		
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";
 		</style>

admin/scripts/tools.js

-//<!-- 
-
 function validateFrmAddUser() {
-	if ($('login').value == "") {
+	if ($("#login").value == "") {
 	   alert("The username field cannot be left blank.");
 	   document.frm_add.login.select();	
 	   return false;
 	}
-	if ($('password').value == "") {
+	if ($("#password").val() == "") {
 	   alert("The password field cannot be left blank.");
 	   document.frm_add.password.select();	
 	   return false;
 	}	
-	if ($('password').value != $('repass').value) {
+	if ($("#password").val() != $("#repass").val()) {
 	   alert("The password must match,\nplease verify them.");
 	   document.frm_add.password.focus();	
 	   return false;
 	return true;
 }
 
-function verifyExistingUser() {
-	$('div-process').style.display="block";
-	el = $('target');
-	el.style.display="block";										
-	var path = 'ajax.php?action=verify&login='+$('login').value;
-	new Ajax(path, {
-		onComplete:function(e) {						
-			el.setHTML(e);
-			$('div-process').style.display="none";
+function verifyExistingUser() {	
+	$("#div-process").css({display:"block"});	
+	$("#target").css({display:"block"});		
+	$.ajax({
+		url: "ajax.php?action=verify&login="+$("#login").val(),
+		cache: false,
+		success: function(html){
+			$("#target").html(html);
+			$("#div-process").css({display:"none"});	
+			/*$("#login").css({display:"none"});*/	
+		}
+	});
+	return false;
+}
+
+function exit(el, path) {					
+	el=document.getElementById(el);		
+	$(el).css({display:"block"});
+	$(el).html("Processing request...");
+	$.ajax({
+		url: path,
+		cache: false,
+		success: function(html){
+			$(el).html(html);
+			window.location='../login.php';			
 		}
-	}).request();
+	});
 	return false;
 }
 
 		}
 }
 
-//-->

admin/settings.php

 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
 		<script type="text/javascript">
-		<!--
-			window.onload = function() {
-				contenedor = new Fx.Style('divMessages', 'opacity', {duration: 5000, onComplete:
-					function() {
-						document.getElementById('divMessages').style.display="none";
-					}
-				});
-				contenedor.custom(1,0);
-			}
-		-->
+		$(document).ready(function(){
+			$("#divMessages").fadeOut(5000,function(){
+				$("#divMessages").css({display:"none"});
+			});
+		});
 		</script>	
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";

admin/themes/admin/template_photo.htm

 				</div>
 				<div class="post">
 					<span class="option">{Caption}</span>
-					<p><img src="{PhotoURL}" alt="{PhotoAlt}" {Effect} /></p>
+					<p><a {Effect}><img src="{PhotoURL}" alt="{PhotoAlt}" /></a></a></p>
 				</div>
 			</div>

admin/user.php

 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 		<meta name="generator" content="gelato cms <?php echo version();?>" />
 		<link rel="shortcut icon" href="<?php echo $conf->urlGelato;?>/images/favicon.ico" />
-		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/mootools.js"></script>
+		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/jquery.js"></script>
 		<script language="javascript" type="text/javascript" src="<?php echo $conf->urlGelato;?>/admin/scripts/tools.js"></script>
 		<style type="text/css" media="screen">	
 			@import "<?php echo $conf->urlGelato;?>/admin/css/style.css";