/**
 * Created by Pascal on 27/05/16.
 */

$(function () {

    projectFormat();
    drawLines(); 
    scroller2();


    // $('.filters li').each(function () {
    //    if($(this).hasClass('active')){
    //        filterProjects($(this).attr('id'));
    //    }
    // });

    $(window).resize(function () {
        projectFormat();
    });

    $(window).scroll(function () {
        scroller2();

        if($(window).scrollTop() >= 100){
            $('header.main').addClass('smaller');
            $('.project-overview').addClass('stick');
        }
        else{
            $('header.main').removeClass('smaller');
            $('.project-overview').removeClass('stick');
        }
    });
    

    $(".lazy").lazyload({
        effect: "fadeIn"
    });
    setTimeout(function(){
        $(".lazy").trigger('scroll');
    }, 100);


    /*$('.filters li').click(function () {
        if($(this).hasClass('active')){
            $('.project-overview .project').addClass('selected').removeClass('hide').addClass('slowAnimation');
            $('.filters li.active').removeClass('active');
            $('.filters li').addClass('all');
        }
        else {
            $('.project-overview .project').removeClass('slowAnimation');
            $('.filters li.active').removeClass('active');
            $('.filters li.all').removeClass('all');
            $('.filters li#' + $(this).attr('id')).addClass('active');
            filterProjects($(this).attr('id'));
        }
        setTimeout(function(){
            scroller2();
            $(".lazy").trigger('scroll'); 
        }, 500);
    });*/

});

function scroller2() {
    if(isElementFullInViewport($('.more-projects'))){
        $('.more-projects').addClass('animate');
    }
}


function projectFormat() {
    var projectWidth = $('.project-overview .project:not(.double)').width();
    $('.project-overview .project').height(projectWidth);
}

function filterProjects(filter) {
    $('.project-overview .project').each(function(){
        if(!$(this).hasClass(filter)){
           $(this).removeClass('selected').addClass('hide');
       }
       else{
           $(this).removeClass('hide').addClass('selected');
       }
    });
}