// JavaScript Document
// Roll || Multimedia Design
// www.rollstudio.it || blog.rollstudio.it
// info@rollstudio.it

$(document).ready(function() {
	prepare();
 	var cells = $('div.cell').hover(function () {
        $('#overlay').show();
        cells.not(this).css("opacity",0.8);
        $(this).css({
            zIndex: 1000
        });
        $(this).find("div.photo_sepia").hide();
        $(this).find("div.photo_color").show();
    }, function() {
        $('#overlay').hide();
        a = this;
        $(a).css({
            zIndex: 10           
        });
        cells.css("opacity",1);
        $(this).find("div.photo_color").hide();
        $(this).find("div.photo_sepia").show();
    });
});
function prepare() {
    $('body').prepend("<img class=\"bg\" src=\"images/color.jpg\" alt=\"\"/>");
    $("#overlay").append("<img class=\"bg\" src=\"images/sepia.jpg\" alt=\"\"/>");
}