ZOOM

USE ON KUZYA

HTML

<script src="http://janne.aukia.com/zoomooz/js/jquery.zoomooz.js"></script>
<link rel="stylesheet" href="http://janne.aukia.com/zoomooz/style/zoomooz.css">
<script src="http://www.freshwidows.com/STAR/JS-CSS/Zoomooz/js/jquery.animtrans.js"></script>
<script src="http://www.freshwidows.com/STAR/JS-CSS/Zoomooz/js/purecssmatrix.js"></script>
<script src="http://www.freshwidows.com/STAR/JS-CSS/Zoomooz/js/sylvester.js"></script>
<script src="http://janne.aukia.com/zoomooz/lib/jquery.prettyPhoto.js"></script>
<script src="http://janne.aukia.com/zoomooz/lib/jquery.masonry.min.js"></script>
<link rel="stylesheet" href="http://janne.aukia.com/zoomooz/style/prettyPhoto.css">
<div

JavaScript

$(".section, .highlight").click(function(evt) {
    $(this).zoomTo({targetsize:0.75, duration:600});
    evt.stopPropagation();
});
$(window).click(function(evt) {
    $("body").zoomTo({targetsize:1.0, duration:600});
    evt.stopPropagation();
});
$("body").zoomTo({targetsize:1.0, duration:600});

$(".innerContent").masonry({columnWidth:210,animate:false});

$(document).ready(function(){
    var videoLink = $("a[rel^='prettyPhoto']");
    videoLink.prettyPhoto();
    videoLink.click(function() {
        $("body").zoomTo({targetsize:1.0, duration: 0.0});
    });
});