$(document).ready(function () {

    // preload css images
    $.preloadCssImages();
    
    //Cufon.replace('.hover span, .project_detail .content_right ul li');
    Cufon.replace('#main-navigation ul li a, .hover span, h2', { hover: 'true' });

    $(".featured_projects .project:nth-child(odd)").addClass("clear")
    $(".projects .project:nth-child(3n+1)").addClass("clear");

    var images = $("img.thumbnail");
    $(".image_wrapper").addClass("loading");
    $(".p-image").addClass("loading");

    var loadedCount = 0;
    $(images)
        .hide()
        .each(function () {
            if (!this.complete) {
                $(this).load(function () {
                    loadedCount++;
                    console.log(loadedCount);
                    displayImage(this);
                });
            }
            else {
                displayImage(this);
            }
        });
    });

function displayImage(img) {
    $(img).fadeIn(300, function () {
        $(this).parents(".image_wrapper").removeClass("loading");
        $(this).parents(".p-image").removeClass("loading");
        setUpOverlay($(this).parents(".image_wrapper"));
    });
}

function setUpOverlay(e) {
    $(e).hoverIntent(
        function () { $(".hover", this).fadeIn("100"); },
        function () { $(".hover", this).fadeOut("200"); });
};