var myProjects = {
    projects: null,

    getProjects: function() {
        jQuery.ajax({ type: "POST", dataType: "JSON",
            url: "<?=base_url()?>index.php/home/projectsSlider",
            json: {returned: true},
            success: function(data) {
                if (data.returned === true) {
                    myProjects.projects = data.projects;
                }
            }
        });
    },

    placeProjects: function() {
        if (myProjects.projects == null) myProjects.getProjects();

        $.each(myProjects.projects, function(i,e){
            $("#content").fadeOut(150, function() {
                $(this).replaceWith(projectsSlider(
                    e.projectId,
                    e.projectName,
                    e.startDate,
                    e.finishedDate,
                    e.projectDesc,
                    e.createdFor,
                    e.contributors,
                    e.screenshotURI,
                    e.websiteURL
                ), function() {
                    $(this).fadeIn(150);
                });
            });
        });
    },
}