//tekent lijn tussen project knop en info venster
function AnimateVerticalLine(elementFrom, showElement){
 
    //sluit eerst alles wat hoger ligt
    CloseOpenProjects();
    
    //jquery de benodigede elementen
    var from = $(elementFrom);
    var to = showElement;
    var line = $(".VerticalLine");
  
    //bereken het start en eindpunt van de lijn animate   
    var startTop = from.position().top + from.height();
    var startLeft = from.position().left + (from.width() / 2);
    var targetTop = 278;
    var animationHeight = targetTop - from.position().top - from.height();
    
    //zonder to parameter niks om te tonen
    if (to == null){
        return;
    }
    to.css("height", "0px");
    //zet animatie in gang
    line.css("top", startTop);
    line.css("left", startLeft);
    line.stop().animate({ height: animationHeight + "px"}, 200,
        function(){
            //animeer ook de info div
            to.stop().animate({height: "180px"}, 200);    
        }
    );

}

//sluit openstaande vensters en lijnen
function CloseOpenProjects(){
    $(".landingsPaginaProjectInfo").hide();
    $(".VerticalLine").css("height","0px");
    
    
}