jQuery(document).ready(function () {
	
	// TEAM
	var gridContainer = jQuery('#grid-container,#grid-container2');
	
	gridContainer.cubeportfolio({
		animationType: 'sequentially',
		gapHorizontal: 0,
		gapVertical:10,
		gridAdjustment: 'responsive',
		caption: 'zoom',
		displayType: 'sequentially ',
		displayTypeSpeed: 100,
	    lightboxDelegate: '.cbp-lightbox',
	    lightboxGallery: true,
	    lightboxTitleSrc: 'data-title',
	    lightboxShowCounter: true,
	    singlePageDelegate: '.cbp-singlePage',
	    singlePageDeeplinking: true,
	    singlePageStickyNavigation: true,
	    singlePageShowCounter: true,
	    singlePageCallback: function (url, element) {
	        var t = this;
			jQuery.ajax({
	            url: url,
	            type: 'GET',
	            dataType: 'html',
	            timeout: 5000
	        }).done(function(result) {
	        	result = jQuery(result).find('#single');
	            t.updateSinglePage(result);
	        }).fail(function() {
	            t.updateSinglePage("Error! Please refresh the page!");
	        });
		 }
	});

	// PORTFOLIO
    var gridContainer = jQuery('#grid-container3'),
        filtersContainer = jQuery('#filters-container');

    gridContainer.cubeportfolio({
 		defaultFilter: '*',
        animationType: 'flipOut',
		gapHorizontal: -50,
		gapVertical: 20,
		gridAdjustment: 'responsive',
		caption: 'pushTop',
		displayType: 'sequentially',
		displayTypeSpeed: 100,
        lightboxDelegate: '.cbp-lightbox',
        lightboxGallery: true,
        lightboxTitleSrc: 'data-title',
        lightboxShowCounter: true,
        singlePageDelegate: '.cbp-singlePage',
        singlePageDeeplinking: true,
        singlePageStickyNavigation: true,
        singlePageShowCounter: true,
        singlePageCallback: function (url, element) {
            var t = this;
			 jQuery.ajax({
                url: url,
                type: 'GET',
                dataType: 'html',
                timeout: 5000
            })
            .done(function(result) {
            	result = jQuery(result).find('#single');
            	jQuery("#big", result).owlCarousel({
            		navigation : false, 
            		slideSpeed : 300,
            		paginationSpeed : 400,
            		lazyLoad : true,
            		singleItem:true,
            	});
                t.updateSinglePage(result);
            })
            .fail(function() {
                t.updateSinglePage("Error! Please refresh the page!");
            });
		 }
	 });

if( jQuery('body').hasClass('mobile') ){
	filtersContainer.on('click', '.cbp-filter-item', function (e) {
		gridContainer.cubeportfolio('filter', jQuery(this).data('filter'));
		jQuery('.cbp-filter-item').removeClass('cbp-filter-item-active');
		jQuery(this).addClass('cbp-filter-item-active');
	});
} else {
// add listener for filters click
    filtersContainer.on('click', '.cbp-filter-item', function (e) {
		var me = jQuery(this), wrap;
// get cubeportfolio data and check if is still animating (reposition) the items.
        if ( !jQuery.data(gridContainer[0], 'cubeportfolio').isAnimating ) {
			 if ( filtersContainer.hasClass('cbp-l-filters-dropdown') ) {
                wrap = jQuery('.cbp-l-filters-dropdownWrap');
				 wrap.find('.cbp-filter-item').removeClass('cbp-filter-item-active');
				 wrap.find('.cbp-l-filters-dropdownHeader').text(me.text());
				me.addClass('cbp-filter-item-active');
            } else {
                me.addClass('cbp-filter-item-active').siblings().removeClass('cbp-filter-item-active');
            }
		}
// filter the items
        gridContainer.cubeportfolio('filter', me.data('filter'), function () {});
	 });
// activate counters
    gridContainer.cubeportfolio('showCounter', filtersContainer.find('.cbp-filter-item'));
}

});