function InitPortfolio()
{
    jQuery('.portfolio-logo-container').hover(function(){        
        var obj = jQuery(this);
                
        if(jQuery(obj).attr('flipinprogress') == 'false' && jQuery(obj).find('.portfolio-logo:visible').size() > 0)
        {
            jQuery(obj).attr('flipinprogress',true);            
            jQuery(this).flip({
                direction:'lr',
                speed: 350,
                onBefore: function(){
                    jQuery(obj).find('.portfolio-logo').hide();
                    jQuery(obj).find('.portfolio-website').show();
                },
                onEnd: function(){
                    jQuery(obj).attr('flipinprogress',false);
                }
            });  
        }
    },function(){
        var obj = jQuery(this);
        if(jQuery(obj).attr('flipinprogress') == 'false' && jQuery(obj).find('.portfolio-website:visible').size() > 0)
        {
            jQuery(obj).attr('flipinprogress',true);            
            
            var obj = jQuery(this);
            jQuery(this).flip({
                direction:'lr',
                speed: 350,
                onBefore: function(){
                    jQuery(obj).find('.portfolio-logo').show();
                    jQuery(obj).find('.portfolio-website').hide();
                },
                onEnd: function(){
                    jQuery(obj).attr('flipinprogress',false);
                }            
            });
        }
    }); 
    
    jQuery('.portfolio-logo-container').each(function(){        
        jQuery(this).attr('flipinprogress',false);
    });
    
    jQuery('.portfolio-logo-container').click(function(){
        var clickedObj = jQuery(this);
        
        jQuery.get(jQuery(this).attr('href'),'',function(data){                        
            function ShowNewDiv()
            {
                var toRemove1 = jQuery('.project-info-container');
                var toRemove2 = jQuery('.portfoliopagina-nieuw-container');
                toRemove1.fadeOut(2000,function(){
                    toRemove1.remove();
                });
                toRemove2.fadeOut(2000,function(){
                    toRemove2.remove();
                })

                var offset = jQuery(clickedObj).offset();
                var banneroffset = jQuery('#banner-container').offset();
                var leftOffset = banneroffset.left;
                
                jQuery('body').append(data);
                jQuery('body').append('<div id="full-site-overlay"></div>');
                                
                jQuery('.project-info-container:last').css('height','140px');
                jQuery('.project-info-container:last').css('width','160px');
                jQuery('.project-info-container:last').css('left',(offset.left-20) + 'px');
                jQuery('.project-info-container:last').css('top',offset.top + 'px');                                
                jQuery('.project-info-container:last').css('opacity','0.5');                                
                jQuery('.project-info-container:last').css('display','inline');                                
                setTimeout(function(){
                    jQuery('html, body').animate({'scrollTop':'0'},1000);
                    jQuery('.project-info-container:last').animate({
                        "top":"240px",
                        "left":leftOffset+"px",
                        "height":'468px',
                        "width":'940px',
                        "opacity":"1.0"
                    },1000, function(){
                        jQuery('#banner-container').html('');
                        jQuery('#banner-container').append(jQuery('.project-info-container').clone());
                        jQuery('.project-info-container:last').remove();
                        jQuery('.project-info-container').css({'left':'0px','top':'0px','border':'0px'});
                        jQuery('#full-site-overlay').fadeOut('fast',function(){
                            jQuery('#full-site-overlay').remove();
                        });
                        jQuery('.fancybox').fancybox({'transitionIn':'elastic'});
                    });
                },400);
            }            
            ShowNewDiv();
            
        });
        return false;
    });       
}

jQuery(function(){
    jQuery('.social-media-icon').hover(function(){
        jQuery(this).find(".social-media-img").stop(true,true).animate({
            "bottom":"+=10px"
        },500);
        },function(){
            jQuery(this).find(".social-media-img").stop(true,true).animate({
                "bottom":"-=10px"
            },500);
        }
    );
    
    jQuery('#liq-destination').quicksand(jQuery('#liq-elements a'),function(){
        InitPortfolio();
    });
    
    jQuery('#liq-filters a').click(function(){
        
        jQuery('#liq-filters a').removeClass('filter-btn-active');
        jQuery(this).addClass('filter-btn-active');               
        
        var className = jQuery(this).attr('data-id');                        
        if(className == 'alle')
        {
            jQuery('#liq-destination').quicksand(jQuery('#liq-elements a'),function(){
                InitPortfolio();
            });            
        }
        else
        {
            jQuery('#liq-destination').quicksand(jQuery('#liq-elements a.' + className),function(){
                InitPortfolio();
            });            
        }
        return false;
    });    
});