$(function () {

    $("#portfolio-list .portfolio-images").click(function (evt) {
        
        evt.preventDefault();

        var item = $(this).parent();

        // Create popup
        var popup = $('<div id="fancybox-popup"></div>');
        popup.append(item.find("h3").clone());
        popup.append(item.find("h4").clone());
        popup.append(item.find("p").clone());
        popup.append(item.find(".portfolio-url").clone(true));
        popup.append(item.find(".portfolio-images img").clone());

        $.fancybox({
            content: popup,
            autoDimensions: false,
            width: 530,
            height: 400,
            padding: 50,
            hideOnContentClick: false,
            overlayColor: "#000000",
            overlayOpacity: 0.8
        });


    });

});