function handleImages() {
    var screens = $('#project_screenshots');
    if(!screens.size()) return;
  
    var imgs = screens.find('img');
  
    imgs.filter(':last').load(function() {
        screens.addClass('loaded'); 
        if(imgs.size() < 2) {
            screens.parent().addClass('static');
        }
        else {
            screens.scrollable({
                circular :	true
            }).navigator();
        }
    });
  
    imgs.click(function(){
        viewFullImage(this.src);
    });
}

function loadPopup(container, url, head) {    
    $(container).load(url, function (data) {
        $(container).html(data).dialog({
            width: 1000,
            minHeight: 500, 
            title: head,
            modal: true,
            position:['center', 20],
            create: function() { 
                handleImages();
            },
            close:function(){
                $(this).dialog('destroy');
            }
        });
    });
}

function viewFullImage(path){
    var prepare_path = path.replace('preview_','');
    var popup = window.open(prepare_path, 'Fullscreen', 'fullscreen=yes, scrollbars=yes, resizable=yes, location=no, menubar=no, toolbar=no');
    popup.focus();
}