$(document).ready(function() {
    $(".nav-deselected").fadeTo(700, 0.4);
    $(".nav-deselected").hover(function() {
        //alert($(this).attr('class'));
        $(this).fadeTo(700, 1.0);
    }, function() {
        $(this).fadeTo(700, 0.4);
    });


    var marg = $("#main").css("width").replace("px", "");
    if (marg < 1200 && marg >= 1024) {
        var a = $("#main").css("width").replace("px", ""), b = 235; // box of 220 + 15px left margin
        var newmargin = (a % b);
        $("#nav").css("margin-right", newmargin);
    }

    $(".mosaic-block").hover(function() {
        $(this).find("img").addClass('flipped');
    }, function() {
        $(this).find("img").removeClass('flipped');
    });


});

$(window).resize(function() {
    var marg = $("#main").css("width").replace("px", "");
    if (marg < 1200 && marg >= 1024) {
        var a = $("#main").css("width").replace("px", ""), b = 235; // box of 220 + 15px left margin
        var newmargin = (a % b);
        $("#nav").css("margin-right", newmargin);
    }
    else {
        $("#nav").css("margin-right", 20);
    }
});