ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / supportleta / wp-content / plugins / the-grid / frontend / assets / js

/*!
 * The Grid – Core jQuery Plugin
 * Copyright © 2015 All Rights Reserved. 
 * @author Themeone [http://theme-one.com/the-grid/]
 */

/*global jQuery:false*/
/*global tg_global_var:false*/
/*global SC:false*/
/*global YT:false*/
/*global $f:false*/
/*global mejs*/
/*global TG_Slider:false*/
/*global TG_metaData*/
/*global TG_excludeItem*/
/*global FOOBOX*/
/*func = shorthand if function */

jQuery.noConflict();

// The Grid default settings
var The_Grid = {
	preview : '#tg-grid-preview-inner',
	wrapper : '.tg-grid-wrapper',
	slider  : '.tg-grid-slider',
	grid    : '.tg-grid-holder',
	loader  : '.tg-grid-preloader',
	ajax    : '.tg-ajax-button',
	ajaxMsg : '.tg-ajax-scroll-holder',
	sizer   : '.tg-grid-sizer',
	gutter  : '.tg-gutter-sizer',
	item    : '.tg-item',
	itemImg : '.tg-item-image',
	gallery : '.tg-item-gallery-holder',
	tooltip : '.tg-filter-count',
	filterH : '.tg-filters-holder',
	filter  : '.tg-filter, .tg-filters-holder select',
	search  : '.tg-search',
	clear   : '.tg-search-clear',
	sorter  : '.tg-sorters-holder',
	sorterBy: '.tg-sorter li, select.tg-sorter',
	sortASC : '.tg-sorter-order',
	arrLeft : '.tg-left-arrow',
	arrRight: '.tg-right-arrow',
	bullets : '.tg-slider-bullets',	
	pages   : '.tg-page-ajax',
	sortData: {
		excerpt : 'p',
		title   : function(elem) {
        	return jQuery(elem).data('title');
      	},
		id      : function(elem) {
        	return jQuery(elem).data('id');
      	},
		date    : function(elem) {
        	return jQuery(elem).data('date');
      	},
		author  : function(elem) {
        	return jQuery(elem).data('author');
      	},
		comment : function(elem) {
        	return jQuery(elem).data('comment');
      	},
		popular_post : function(elem) {
        	return jQuery(elem).data('popular-post');
      	},
		total_sales   : function(elem) {
        	return jQuery(elem).data('total-sales');
      	},
		regular_price : function(elem) {
        	return jQuery(elem).data('regular-price');
      	},
		sale_price : function(elem) {
        	return jQuery(elem).data('sale-price');
      	},
		featured   : function(elem) {
        	return jQuery(elem).data('featured');
      	},
		stock      : function(elem) {
        	return jQuery(elem).data('stock');
      	},
		sku        : function(elem) {
        	return jQuery(elem).data('sku');
      	}
	},
    defaults: {
		//init       : function() {},
		//relayout   : function() {},
		style      : 'grid',
		layout     : 'vertical',
		fitrows    : false,
		fullWidth  : null,
		fullHeight : null,
		rtl        : true,
		filterComb : false,
		filterLogic: 'AND',
		filterLoad : '',
		sortByLoad : '',
		orderLoad  : false,
		row        : 1,
		ratio      : 1,
		gutters    : [[9999,0],[1200,0],[980,0],[768,0],[480,0],[320,0]],
        cols       : [[9999,4],[1200,3],[980,3],[768,2],[480,1],[320,1]],
		rows       : [[9999,240],[1200,240],[980,220],[768,220],[480,200],[320,200]],
		animation  : [{'name':'None'},{'visible':''},{'hidden':''}],
		transition : 0,
		itemNav    : null,
		swingSpeed : 500,
		cycleBy    : null,
		cycle      : 5000,
		startAt    : 0,
		ajaxMethod : null,
		ajaxDelay  : 0,
		preloader  : 0,
		itemDelay  : 0,
		gallery    : false
    }
};

// Extend sortby with custom metadata
var tg_meta_data = tg_global_var.meta_data;
var tg_custom_sorter = {};
if (tg_meta_data) {
	for (var i = 0; i < tg_meta_data.length; i++) {
		var tg_cmk = tg_meta_data[i].key;
		tg_cmk = (tg_cmk.length && tg_cmk[0] == '_') ? tg_cmk.slice(1) : tg_cmk;
		var tg_cma = tg_cmk.replace(/\_/g, '-');
		(function(tg_cma){
			tg_custom_sorter[tg_cmk] = function(elem) {
				return jQuery(elem).data(tg_cma);
			};
		})(tg_cma);
	}
}
// add new custom sorter to the grid
The_Grid.sortData = jQuery.extend({}, The_Grid.sortData, tg_custom_sorter);

var tg_debounce_resize = (tg_global_var.debounce) ? 'debouncedresize' : 'resize'; // debounce resize functionnality
var tg_is_mobile = (tg_global_var.is_mobile); // check is we are on a mobile device

(function($) {
				
	"use strict";
	
	// the grid jquery plugin
	$.fn.The_Grid = function(options) {
		
		// Loop foreach grid (multi instance)
		return this.each(function () {
			
			// current grid
			var el = $(this);

// main grid var
			var revealItems,
				buttonFilter,
				sortByValue,
				sortByName,
				rand1,
				index1,
				index2,
				gallery_imgs = [],
				sortOrder = true,
				item_nb = true,
				isInit = false,
				isAjax = false,
				page = 1,
				$frame,
				gutter,
				itemW,
				itemH,
				colR,
				colN,
				colW,
				colH,
				offs,
				realW,
				func,
				xhr = null;
			
			// define main DOM
			var ID        = el.closest(The_Grid.wrapper).attr('id'),
				$wrapper  = ($('[id="'+ID+'"]').length > 1) ? el.closest(The_Grid.wrapper) : $('#'+ID),
				$preview  = $wrapper.closest(The_Grid.preview),
				$slider   = $wrapper.find(The_Grid.slider),
				$loader   = $wrapper.find(The_Grid.loader),
				$ajax     = $wrapper.find(The_Grid.ajax),
				$ajaxMsg  = $wrapper.find(The_Grid.ajaxMsg),
				$sizer    = $wrapper.find(The_Grid.sizer),
				$gutter   = $wrapper.find(The_Grid.gutter),
				$item     = $wrapper.find(The_Grid.item),
				$filterH  = $wrapper.find(The_Grid.filterH),
				$filter   = $wrapper.find(The_Grid.filter),
				$search   = $wrapper.find(The_Grid.search),
				$clear    = $wrapper.find(The_Grid.clear),
				$sorter   = $wrapper.find(The_Grid.sorter),
				$sorterBy = $wrapper.find(The_Grid.sorterBy),
				$sortASC  = $wrapper.find(The_Grid.sortASC),
				$arrLeft  = $wrapper.find(The_Grid.arrLeft),
				$arrRight = $wrapper.find(The_Grid.arrRight),
				$bullets  = $wrapper.find(The_Grid.bullets),
				$pages    = $wrapper.find(The_Grid.pages);

// retireve all data
			var data = el.data();

// get grid settings (check for existing key in case php errors)
			var settings = {
				//init        : options.init,
				//relayout    : options.relayout,
				style       : (data.style)       && data.style,
				layout      : (data.layout)      && data.layout,
				fitrows     : (data.fitrows)     && data.fitrows,
				fullWidth   : (data.fullwidth)   && data.fullwidth,
				fullHeight  : (data.fullheight)  && data.fullheight,
				rtl         : (data.rtl)         && data.rtl,
				filterComb  : (data.filtercomb)  && data.filtercomb,
				filterLogic : (data.filterlogic) && data.filterlogic,
				filterLoad  : (data.filterload)  && data.filterload,
				sortByLoad  : (data.sortbyload)  && data.sortbyload,
				orderLoad   : (data.orderload)   && data.orderload,
				row         : (data.row)         && data.row,
				ratio       : (data.ratio)       && data.ratio,
				gutters     : (data.gutters)     && data.gutters,
				cols        : (data.cols)        && data.cols,
				rows        : (data.rows)        && data.rows,
				animation   : (data.animation)   && data.animation,
				transition  : (data.transition)  && data.transition,
				itemNav     : (data.slider)      && data.slider.itemNav,
				swingSpeed  : (data.slider)      && data.slider.swingSpeed,
				cycleBy     : (data.slider)      && data.slider.cycleBy,
				cycle       : (data.slider)      && data.slider.cycle,
				startAt     : (data.slider)      && data.slider.startAt,
				ajaxMethod  : (data.ajaxmethod)  && data.ajaxmethod,
				ajaxDelay   : (data.ajaxdelay)   && data.ajaxdelay,
				preloader   : (data.preloader)   && data.preloader,
				itemDelay   : (data.itemdelay)   && data.itemdelay,
				gallery     : (data.gallery)     && data.gallery,
			};

// check/set settings compare to default grid
			var options = $.extend({},The_Grid.defaults, settings);
			// sort cols array desc numeric (for futur column number detection)
			options.cols.sort(function(a, b){return b[0]-a[0];});
			// sort gutters array desc numeric (for futur rows height detection)
			options.gutters.sort(function(a, b){return b[0]-a[0];});
			// sort rows array desc numeric (for futur rows height detection)
			options.rows.sort(function(a, b){return b[0]-a[0];});
			// set correct value for RTL layout
			options.rtl = (options.rtl) ? false : true;
			// Ajax pagination get same delay on reveal
			options.ajaxDelay = ($pages.length > 0) ? options.itemDelay : options.ajaxDelay;
			// remove all data for security and confidentiality
			var keys = $.map(data, function(value, key) { return key; });
			for (var i = 0; i < keys.length; i++) {
				el.removeAttr('data-' + keys[i]);
			}

// build the grid
			full_width();   // 1. resize the grid wrapper at first
			columns(el);    // 2. then calculate the columns width based on the wrapper width
			item_size();    // 3. set the sizes to each item based on the column width			
			item_gallery(); // 4. init item gallery animation
			count_filter(); // 5. count and update filter number if necessary

// set the grid size after everything loaded in masonry mode to relayout correctly
			if (options.style === 'masonry' || options.style === 'justified' || options.preloader || options.layout === 'horizontal') {
				$item.the_grid_images_loaded({
					complete: function() {
						slider_size();   // 7. calculate slider height if necessary
						set_grid();      // 8. check grid parameters values
						init_slider();   // 9. init slider if available
						func = (options.preloader) && reveal_grid();
						// call on filtering, sorting, searching, and resizing  after complete
						func = (options.layout === 'horizontal') && el.TG_Layout('on', 'arrangeComplete', function(e) {onAnimationEnd(e);});  // filter/sort	
						// run the init callback method
						//func = (typeof options.init == 'function') && options.init.call(el);
					}
				});
			} else {
				set_grid();    // 7. check grid parameters values
				init_slider(); // 8. init slider if available
				// call on filtering, sorting, searching, and resizing  after complete
				func = (options.layout === 'horizontal') && el.TG_Layout('on', 'arrangeComplete', function(e) {onAnimationEnd(e);});  // filter	/sort
			}
			
			// all events init
			isInit = (!options.preloader) &&  true;
			func = (isInit) && $wrapper.addClass('tg-grid-loaded');

if (!tg_is_mobile) {
				$sorterBy.on('click', function() {
					sortBy($(this));
				});
			} else {
				$sorterBy.on('change', function() {
					sortBy($(this).find('option:selected'));
				});
			}
			
			function sortBy(il) {
				if (!isInit) {
					return false;
				}
				sortByValue = (il.data('value') === 'none') ? '' : il.data('value');
				sortByName  = il.text();
				sortOrder   = $sortASC.data('asc');
				$item.removeClass('tg-item-index');
				$sorter.find('.tg-dropdown-value').text(sortByName);
				el.TG_Layout({
					sortAscending: sortOrder,
					sortBy: sortByValue 
				});
				// run the layout callback method
				//func = (typeof options.relayout == 'function') && el.TG_Layout('once', 'layoutComplete', function(e) {options.relayout.call(el);});
			}
			
			// TG_Layout sorter functionnality (ASC/DESC only)
			$sortASC.on('click', function() {
				if (!isInit) {
					return false;
				}
				var $this   = $(this);
				sortOrder = ($this.data('asc') === true) ? false : true;
				$this.data('asc',sortOrder).attr('data-asc',sortOrder);
				$item.removeClass('tg-item-index');
				el.TG_Layout({
					sortAscending: sortOrder
				});
				// run the layout callback method
				//func = (typeof options.relayout == 'function') && el.TG_Layout('once', 'layoutComplete', function(e) {options.relayout.call(el);});
			});
			
			// use value of search field to filter (regex in content)
			var $quicksearch = $search.keyup( debounce( function() {
				if (!isInit) {
					return false;
				}
				var qsRegex = new RegExp($quicksearch.val(), 'gi');
				$item.removeClass('tg-item-index');
				$filter.removeClass('tg-filter-active');
				el.TG_Layout({
					filter: function() { 
						var $this = $(this);
						var searchResult = qsRegex ? $this.text().match(qsRegex) : true;
						var buttonResult = buttonFilter ? $this.is(buttonFilter) : true;						
						$('.tg-filter[data-filter="*"]').addClass('tg-filter-active');
						return searchResult && buttonResult;
					}
				});
				// pause all videos
				$.TG_Pause_Players();
				// run the layout callback method
				//func = (typeof options.relayout == 'function') && options.relayout.call(el)
			}, 200));
			
			$clear.on('click', function() {
				$search.val('').trigger('keyup');
				// run the layout callback method
				//func = (typeof options.relayout == 'function') && el.TG_Layout('once', 'layoutComplete', function(e) {options.relayout.call(el);});
			});
			
			// resize grids
			$(window).on(tg_debounce_resize, function() {
				full_width();  // 1. resize the grid wrapper at first
				columns();     // 2. then calculate the column width based on the wrapper width
				item_size();   // 3. set size to items based on the column width
				slider_size(); // 4. calculate slider height if necessary
				// 5. Relayout the grid
				func = (isInit && el.closest('body').length > 0) && el.TG_Layout('layout');
				// 6. Check animation end for horizontal layout to update slider
				func = (options.layout === 'horizontal') && el.TG_Layout('once', 'layoutComplete', function(e) {onAnimationEnd(e);});
				// run the layout callback method
				//func = (typeof options.relayout == 'function') && el.TG_Layout('once', 'layoutComplete', function(e) {options.relayout.call(el);});
			});
			
			// force full width
			function full_width() {
				if (options.fullWidth && $preview.length === 0) {
					$wrapper.css('left',0);
					var margL = parseInt($wrapper.css('margin-left'));
					var margR = parseInt($wrapper.css('margin-right'));
					var offset = $wrapper.offset().left-margL;
					$wrapper.width($(window).width()-(margL+margR));
					$wrapper.css('left',-offset);
				}
			}
			
			// random item gallery animation
			function item_gallery() {
				if (options.gallery) {
					var gallery;
					update_gallery();
					if (!The_Grid.galleryInt && $(The_Grid.gallery).length > 0 ) {
						The_Grid.galleryInt = setInterval(function () {
							rand1   = Math.floor(Math.random()*gallery_imgs.length);
							index1  = (index1 === rand1 && gallery_imgs.length > 0) ? check_index(gallery_imgs,rand1+1) : rand1;
							gallery = $(The_Grid.gallery).eq(index1);
							index2  = (gallery_imgs.length > 0) ? check_index(gallery_imgs[index1],(gallery.find('.show').index()-1)+2) : 0;
							gallery.find(The_Grid.itemImg).removeClass('show');
							gallery.find(The_Grid.itemImg).eq(index2).addClass('show');
						},3500);
					}
				}
			}
			
			// check image gallery index for unique random
			function check_index(array,index) {
				return (array.length + (index % array.length)) % array.length;
			}
			
			// get all galleries
			function update_gallery() {
				gallery_imgs = [];
				var galleries = $(The_Grid.gallery);
				for (var i = 0; i < galleries.length; i++) {
					var images = $(galleries[i]).find(The_Grid.itemImg);
					gallery_imgs[i] = [];
					for (var x = 0; x < images.length; x++) {
                     	gallery_imgs[i][x] = $(images[x]);   
                    }
				}
			}
			
			// count number per filter category/tag/term
			function count_filter() {
				for (var i = 0; i < $filter.length; i++) {
					var cat   = $filter.eq(i).data('filter');
					// if ajax page not count elements removing
					var not = ($pages.length > 0) ? '.tg-item-hidden' : null;
					var count = (cat !== '*') ? el.find(cat).not(not).length : $item.not(not).length;
					$filter.eq(i).find(The_Grid.tooltip).html(count);
					func = ($filter.eq(i).find('span:first-child').data('count')) && $filter.eq(i).find('span:first-child').data('tooltip',count);
					func = (count === 0) ? $filter.eq(i).removeClass('tg-show-filter') : $filter.eq(i).addClass('tg-show-filter');
				}
			}
			
			// count item to load more
			function count_items() {
				if ($ajax.length > 0) {
					item_nb = ($ajax.data('item-tt')) ? $ajax.data('item-tt')-$item.length : 99999;
					if (item_nb <= 0) {
						$ajax.addClass('tg-no-more');
						$ajax.find('span').html($ajax.data('no-more'));
						setTimeout(function(){
							$ajax.fadeOut(500);
						},3000);
					} else {
						var button_txt = $ajax.data('button');
						func = ($ajax.data('remain')) ? $ajax.find('span').html(button_txt+' ('+item_nb+')') : $ajax.find('span').html(button_txt);
					}
				}
			}	
			
			// reveal grid on load
			function reveal_grid() {
				var i = 0,
					interval,
					data = el.data('TG_Layout');
				func = ($pages.length === 0) ? $loader.remove() : $loader.hide();
				$wrapper.removeClass('tg-grid-loading');
				revealItems = data.filteredItems;
				if (revealItems.length > 0) {
					interval = window.tgInterval(function(){
						if (el.closest('body').length > 0) {
							$(revealItems[i].element).removeClass('tg-item-reveal');
							func = (options.itemDelay) && el.TG_Layout('reveal', [revealItems[i]]);	
							if (i === revealItems.length-1 || !options.itemDelay) {
								isInit = true;
								$item.removeClass('tg-item-reveal');
								$wrapper.addClass('tg-grid-loaded');
								func = (!options.itemDelay) && el.TG_Layout('reveal', revealItems);
								interval.clear();	
							}
							i++;
						}
					},options.itemDelay);
				} else {
					isInit = true;
					$item.removeClass('tg-item-reveal');
					$wrapper.addClass('tg-grid-loaded');
				}
			}
			
			// Calculate column width number for current window width
			function columns() {
				var arr = (options.style !== 'justified') ? options.cols : options.rows;
				var ww = viewport().width;
				for (var i = 0, l = arr.length; i < l; i++ ) {
					if (arr[i][0] >= ww) {
						colN = arr[i][1];
						gutter = options.gutters[i][1];
					} else {
						break;
					}
				}
				// set gutters
				$gutter.width(gutter);
				if (options.style !== 'justified') {
					var tw = $wrapper.width();
					colW = (tw/colN) - gutter;
					if (options.layout === 'vertical') {
						el.width('');
						offs  = (colN-1)*gutter;
						colW  = (tw-offs)/colN;
						colW  = (colW % 1 !== 0) ? Math.ceil(colW) : colW;
						realW = colN*colW+offs;
						el.css('left', -(realW-el.width())/2+'px');
						el.width(realW);
					}
					if (options.fullHeight && options.layout === 'horizontal') {
						var adminH = $('#wpadminbar').height();
						if ($preview.length === 0) {
							colH = (($(window).height()-adminH)-(gutter*(options.row-1)))/options.row;
						} else {
							colH = ($preview.height())/options.row;
						}
					} else {
						// round for accurate slider height (no need for width!)
						colH = Math.round(colW/options.ratio);
					}
				} else {
					// justified row height is colH
					colH = colN;
					$sizer.height(colH);	
				}
				// add slider padding if free mode
				func = (options.itemNav === 'null') && $slider.css('padding', '0 '+gutter/2+'px');
			}
			
			// calculate window viewport (real width to match queries!)
			function viewport() {
				if ($preview.length === 0) {
					var e = window,
						a = 'inner';
					if (!('innerWidth' in window )) {
						a = 'client';
						e = document.documentElement || document.body;
					}
					return { width : e[ a+'Width' ]};
				} else {
					return { width : $preview.width()};
				}
			}
			
			// calculate item size and resize if necessary (unlimited size possibility!)
			function item_size() {
				if (options.style !== 'justified') {
					// set grid sizer
					$sizer.width(colW);
					for (var i = 0; i < $item.length; i++) {
						var coli = $item.eq(i).data('col'),
							rowi = $item.eq(i).data('row');
							rowi = ((options.layout === 'horizontal') && rowi > options.row) ? options.row : rowi;
						if (colN === 1) {
							itemW = colW;
							itemH = colH;
						} else if (colN < coli) {
							colR  = Math.round(colN/(coli/rowi));
							colR  = (colR <= 1) ? 1 : colR;
							itemW = colN*colW+(colN-1)*gutter;
							itemH = (colR === 1) ? colH : colR*colH+(colR-1)*gutter;
						} else {
							itemW = coli*colW+(coli-1)*gutter;
							itemH = rowi*colH+(rowi-1)*gutter;
						}
						$item.eq(i).width(itemW);
						func = (options.style === 'grid') ? $item.eq(i).height(itemH) : null;
					}
				}
			}
			
			// calculate slider inner height
			function slider_size() {
				if (options.layout === 'horizontal') {
					var sliderH;
					if (options.style === 'masonry') {
						$wrapper.removeClass('tg-grid-loading');
						// only when all images are loaded to get right height in masonry mode
						sliderH = Math.max.apply(null, $item.map(function () {
							return $(this).height();
						}).get());
						el.add($slider).height(sliderH);
					} else {
						sliderH = (colH)*options.row+gutter*(options.row-1);
						el.add($slider).height(sliderH);
					}
				}
			}
			
			// set the grid
			function set_grid() {
				var mode, param;
				var isHorizontal = false;
				if (options.layout === 'horizontal') {
					isHorizontal = true;
					if (options.style === 'grid') {
						mode = param = 'packery';
					} else if (options.style === 'justified'){
						mode = param = 'justified';
					} else {
						mode = param = 'horizontal';
					}
				} else if (options.style === 'grid') {
					mode = param = 'packery';
				} else {
					mode = param = options.style;
				}
				var layout = {};			
				layout[param] = {};
				layout.hiddenStyle = {};
				layout.visibleStyle = {};
				layout.layoutMode = mode;
				layout.filter = options.filterLoad;
				if (options.sortByLoad !== 'none') {
					layout.sortBy = options.sortByLoad;
				}
				layout.sortAscending = options.orderLoad;
				layout.isOriginLeft = options.rtl;
				layout.itemSelector = The_Grid.item;
				layout[param].gutter = $gutter[0];
				layout[param].rowHeight = $sizer[0];
				layout[param].columnWidth = $sizer[0];
				layout[param].isHorizontal = isHorizontal;
				layout[param].isFitRows = options.fitrows;
				layout[param].image = The_Grid.itemImg;		
				layout[param].row = options.row;
				layout[param].previewMode = $preview;
				layout.hiddenStyle.opacity = 0;
				layout.visibleStyle.opacity = 1;
				layout.hiddenStyle.transform = options.animation.hidden;
				layout.visibleStyle.transform = options.animation.visible;
				layout.transitionDuration = options.transition;
				layout.getSortData = The_Grid.sortData;
				el.TG_Layout(layout);
				// secure data
				cleanData($item);
			}

// init horizontal slider
			function init_slider() {	
				if (options.layout === 'horizontal') {	
				
					var data  = el.data('TG_Layout'),
						filteredItems = data.filteredItems,
						index = options.startAt = (options.startAt-1 > filteredItems.length) ? filteredItems.length : options.startAt;	
					
					if (options.itemNav === 'forceCentered' && $bullets.length === 0) {
						$bullets = $($('<div class="tg-slider-bullets"></div>')).appendTo($wrapper).hide();
					}
								
					$frame = new TG_Slider($slider,{
						itemSelector  : '.tg-item:not(.tg-item-hidden)',
						cycleBy       : options.cycleBy,
						cycleInterval : options.cycle,
						pauseOnHover  : 1,
						itemNav       : options.itemNav,
						startAt       : options.startAt-1,
						smart         : 1,
						horizontal    : 1,
						easing        : 'easeOutExpo',
						speed         : 1000,
						swingSpeed    : options.swingSpeed,
						releaseSwing  : 1,
						mouseDragging : 1,
						touchDragging : 1,
						elasticBounds : 1,
						moveBy        : itemW,
						syncSpeed     : 0.8,
						keyboardNavBy : 'pages',
						activeClass   : 'tg-active-item',
						disabledClass : 'tg-disabled',
						draggedClass  : 'tg-slider-dragged',
						pageBuilder   : function () {
							return '<li><span></span></li>';
						},
						pagesBar      : $bullets,
						prevPage      : $arrLeft,
						nextPage      : $arrRight,
						activatePageOn: 'click'
					}).init();
					// add event and DOM for slider loaded (for custom event)
					$slider.data('slider', $frame).trigger('tg-slider-init');
					
					// active on force centered nav
					if (options.itemNav === 'forceCentered') {
						$(filteredItems[index-1].element).addClass('tg-active-item');
						$frame.on('load activePage', function(index) {
							index = this.rel.activePage;
							data  = el.data('TG_Layout');
							filteredItems = data.filteredItems;
							$item.removeClass('tg-active-item');
							func = (filteredItems[index]) && $(filteredItems[index].element).addClass('tg-active-item');
						});
					}
					
				}
			}
			
			// load more ajax pagination
			$pages.on('click', function(e) {
				e.preventDefault();
				var $this = $(this);
				page = $this.data('page');
				if (!$this.is('.tg-page-current') && (!xhr || (xhr && xhr.readyState == 4)) && !isAjax && isInit) {
					$sorter.find('.tg-dropdown-value').text('');
					$search.val('');
					$filter.removeClass('tg-filter-active');
					$('.tg-filter[data-filter="*"]').addClass('tg-filter-active');
					$pages.removeClass('tg-page-current').addClass('tg-loading');
					$this.addClass('tg-page-current');
					// prevent showing filtered items when removing them
					$('.tg-item-hidden').addClass('tg-item-removed');
					// destroy all media (prevent issue with ajax)
					$.TG_media_destroy(el);
					// properly remove items, relayout and unfilter
					el.css('min-height',250).TG_Layout('remove', $item).TG_Layout({filter: '*'});
					// remove comments from DOM
					el.contents().each(function() {func = (this.nodeType == 8) ? $(this).remove() : null;});
					// add loading animation
					$loader.show();
					// load next page
					load_posts(el);
				}
			});
			
			// load more ajax on click
			$ajax.on('click', function(e) {
				if (item_nb) {
					e.preventDefault();
					load_posts(el);
				}
			});

// load more ajax on scroll
			if (options.ajaxMethod == 'on_scroll') {
				$(window).on('mousewheel resize scroll', function() {
					func = (item_nb && $wrapper.length && $wrapper[0].getBoundingClientRect().bottom <  $(this).height() && isInit === true) && load_posts(el);
				});			
			}
			
			// load more post on ajax (on click and scroll)
			function load_posts(el){

// check if ajax request not proceeded and finish before running another one
				if (xhr && (xhr.readyState == 3 || xhr.readyState == 2 || xhr.readyState == 1)) {
                	return false;
            	}

var ajaxData = { 
					action     : 'the_grid_load_more', 
					grid_nonce : tg_global_var.nonce, 
					grid_name  : el.data('name'),
					grid_page  : page,
					grid_data  : get_meta_data(),
					grid_ajax  : el.data('ajax'),
					main_query : tg_global_var.main_query
				};

xhr = $.ajax({
					url: tg_global_var.url,
					type: 'post',
					datatype : 'json',
					data: ajaxData,
					beforeSend : function(){
						isAjax = true;
						page   = page + 1;
						func   = ($ajax.data('loading') && !$ajax.hasClass('tg-no-more')) && $ajax.find('span').html($ajax.data('loading'));
						func   = ($($ajaxMsg).length > 0 && $ajax.length === 0) && $($ajaxMsg).addClass('tg-loading');			
					},
					success : function(data){

// retrieve ajax response
						var success   = data.success,
							message   = data.message,
							content   = data.content,
							ajax_data = data.ajax_data;

// assign new ajax data (check if json)
						var is_json = true;
						try {
							ajax_data = $.parseJSON(ajax_data);
						} catch(err) {
							is_json = false;
						}     
						el.data('ajax', ajax_data);

// if an error occur during retrieving content
						if (!success) {
							$ajax.add($($ajaxMsg)).add($pages).removeClass('tg-loading');
							$loader.find('> div').html(message);
							$ajax.find('span').html(message);
							$($ajaxMsg).children('div').html(message);
							page = page - 1;
							return false;
						}

// ajax on scroll msg
						if (!content) {
							$ajax.data('item-tt',-1);
							count_items();
							$($ajaxMsg).children('div').html($($ajaxMsg).children('div').data('no-more'));
							setTimeout(function(){
								$($ajaxMsg).fadeOut(400);
							}, 1000);
							page = page - 1;
							return false;
						}
						
						// get all items
						var $items = $(content);
						
						// prevent showing item if filtered and hidden
						func = ($pages.length === 0) && $items.addClass('tg-item-index');
						
						// Keep only item if unwanted wrapper exist (for grid cache system)
						if ($items.find(The_Grid.grid).length > 0) {
							$items = $items.find(The_Grid.item).removeClass('tg-item-reveal');
						}
						
						el.append($items);              // 01. append items
						$item = el.find(The_Grid.item); // 02. redefined $item DOM
						$items.hide();			        // 03. hide to append with delay
						item_size();					// 04. calculate size
						$.TG_media_init();			    // 05. Active media (visible/sized for mejs)
						count_filter();	                // 06. re-count filter nb              
						update_gallery();               // 07. update gallery dom
						item_gallery();                 // 08. update animated gallery
						exclude_item();                 // 09. only for preview mode

// Remove comment tags before items (otherwise it will count 2x and multiply delay)
						$items = $($.grep($items, function(e){ return typeof e.id !== 'undefined';}));
						var itemNb = $items.length-1;
						// wait all images load (mandatory for masonry layout)
						$items.the_grid_images_loaded({
							complete: function() {
								var i = 0, interval;
								$loader.hide();
								func = (data) && $($ajaxMsg).removeClass('tg-loading');
								func = (options.layout === 'horizontal') && el.css('min-height','');
								func = (options.style === 'masonry' && options.layout === 'horizontal') && slider_size();
								interval = window.tgInterval(function(){
									// check if grid still exist during appending (prevent errors on destroy or ajax)
									if (el.closest('body').length > 0) {	
										func = (options.ajaxDelay) && el.TG_Layout('appended',$items.eq(i));													
										func = (options.layout === 'horizontal') && $frame.reload();
										// show ajax pages & reset ajax
										if (itemNb === i || !options.ajaxDelay) {
											count_filter(); // 10. re-count filter nb  
											count_items();  // 11. re-count item for ajax button
											func = (!options.ajaxDelay) && el.TG_Layout('appended',$items);
											func = (options.layout === 'horizontal') && $frame.reload();
											$pages.removeClass('tg-loading');
											isAjax = false;
											interval.clear();
											// update 3rd party plugins lightbox
											func = (typeof FOOBOX !== 'undefined' && $.isFunction(FOOBOX.init)) && FOOBOX.init();
											func = ($().fancybox) && $('.tg-item a.fancybox').fancybox();
											func = ($().prettyPhoto) && $('.tg-item  a[rel^="prettyPhoto"]').prettyPhoto();
											// clean data
											cleanData($item);
											return false;
										}
										i++;
									}
								},options.ajaxDelay);
							}
						});
					},
					error : function(jqXHR, textStatus, errorThrown) {
						page = page - 1;
						console.error(jqXHR);
						console.error(textStatus + " :: " + errorThrown);
					}
				});
			}
			
			// only if in backend mode for preview
			function get_meta_data(){
				if ($preview.length > 0) {
					return new TG_metaData($('#the_grid_metabox .tomb-row'));
				}
			}
			
			// check hidden item in backend
			function exclude_item() {
				if ($preview.length > 0) {
					TG_excludeItem();
				}
			}

});

};

// ======================================================
	// Custom script (Themeone) : preload img src and/or bg image
	// ======================================================
	
	var tg_img_arr = [];
	
	$.fn.the_grid_images_loaded = function() {
		
		// current element to search in
		var el = $(this);
		
		// extend the options to complete:
		var options = $.extend({
			complete: function() {}
		}, arguments[0] || {});
		
		// init global var
		var count = 0,
			preload = [],
			img_url;
		
		// search all image inside current selector
		el.find('*').filter(function() {
			img_url = $(this).css('background-image');
			img_url = /^url$(['"]?)(.*)\1$$/.exec(img_url);
			img_url = img_url ? img_url[2] : null;
			img_url = (!img_url && $(this).is('img')) ? $(this).attr('src') : img_url;
			img_url = (img_url && (img_url.match(/\.(jpg|jpeg|png|bmp|gif|tif|tiff|jif|jfif)/g)
					  || img_url.indexOf('external.xx.fbcdn') >= 0
					  || img_url.indexOf('drscdn.500px.org') >= 0)) ? img_url : null;
			if (img_url && $.inArray(img_url, tg_img_arr) == -1) {
				preload.push(img_url);
				tg_img_arr.push(img_url);			
			}
		});

// load images
		var images = [];

for (var i = 0; i < preload.length; i++) {
			images[i] = new Image();
			images[i].onload  = imgLoaded;
			images[i].onerror = imgLoaded;
			images[i].onabort = imgLoaded;
			images[i].src = preload[i];
		}
		
		// complete if no images
		if (!preload.length) {
			options.complete.call(el);
			return false;
		}
		
		// on load count and compare to array
		function imgLoaded() {
			count++;
			if(count >= preload.length){
				options.complete.call(el);
				return false;
			}
		}

};
	
	// ======================================================
	// Custom script (Themeone) : DropDown list (to prevent overflow issue)
	// ======================================================
		
	$(document).ready(function() {

var $filters,
			animation    = 'tg-dropdown-holder-animation';
			
		if (!tg_is_mobile) {
		
			$(document).on('mouseenter', '.tg-dropdown-holder', function(e) {
				e.preventDefault();
				e.stopPropagation();
				var $this     = $(this),
					listTimer = $($this.data('list-DOM')).data('list-timer');
				
				if (listTimer) {
					clearTimeout(listTimer);
					$this.data('list-DOM').addClass(animation);
					return false;
				}
	
				$filters = $this.find('ul');
				
				var $list = $filters.clone(true).addClass('tg-list-appended').attr('style','').appendTo('body');
				$this.add($list).data('list-DOM', $list);
				$list.data('filter-DOM', $this);
				
				var position = getListPos($this);
					
				$filters.hide();
	
				$list.css({
					'position'  : 'absolute',
					'z-index'   : 99999,
					'width'     : position.width,
					'top'       : position.top,
					'left'      : position.left
				}).addClass(animation);
				
			}).on('mouseleave', '.tg-dropdown-holder', function(e) {
				removeList($(this));
			});
			
			$(document).on('mouseenter touchstart', '.tg-list-appended', function(e) {
				var $this = $(this);
				if ($this.data('list-DOM')) {
					clearTimeout($this.data('list-timer'));
					$this.data('list-DOM').addClass(animation);
					return false;
				}
			}).on('mouseleave touchend', '.tg-list-appended', function(e) {
				removeList($(this));
			});	
			
			$(document).on('click touchstart', '.tg-list-appended li', function(){
				
				var $this    = $(this).closest('ul'),
					$filters = $this.data('filter-DOM');
					
				$filters.find('[data-filter="'+$(this).data('filter')+'"]').trigger('click');
				$filters.find('[data-value="'+$(this).data('value')+'"]').trigger('click');
				$this.width($filters.outerWidth());
				$this.css('left',$filters.offset().left);
				
				var position = getListPos($filters);
	
				if (position.top !== $this.position().top) {
					$this.css('top',position.top);
				} else {
					$this.find('li').removeClass('tg-filter-active');
					$filters.find('.tg-filter-active').each(function(i) {
						$this.find('li').eq($(this).index()).addClass('tg-filter-active');
					});
				}
	
			});

}
			
		function removeList($this) {
			if ($this.data('list-DOM')) {
				var $list = $this.data('list-DOM').removeClass(animation);
				var timer = setTimeout(function() {
					$list.remove();
					$list = null;
					$this.data('list-DOM', $list);
				},400);
				$($this.data('list-DOM')).data('list-timer', timer);
			}
			return false;
		}
			
		function getListPos(el) {	
			var offset  = el.parent().offset(),
				height  = el.parent().height(),
				body    = ($('body').css('position') === 'relative') ?  $(window).scrollTop()+$('body')[0].getBoundingClientRect().top : null,
				margin  = parseInt(el.css('margin-bottom')),
				width   = el.outerWidth(),
				left    = offset.left,
				top     = offset.top+height-body-margin;
	
			var position   = [];
			position.top   = top;
			position.left  = left;
			position.width = width;
			return position;
		}
		
	});
	
	// ======================================================
	// Custom script (Themeone) : Tooltip (prevent overflow issue)
	// ======================================================
		
	$.fn.TG_ToolTip = function(options) {
		
		/*var settings = $.extend({
            data        : 'tooltip', // Effect Tooltip class name.
			zindex      : 99999,     // z-index css
			place       : 'top',     // Default place.
			appendClass : 'tooltip', // Class to append
			hoverClass  : null,      // Hover class
			spacing     : 0          // Gap between target and Tooltip.
        }, options);*/
		
		var toolTip_Data  = 'tooltip-DOM',
			toolTip_Timer = 'tooltip-timer';
		
		$(document).on('mouseenter', $(this).selector, function() {
			
			var $this = $(this);
			
			if (!$this.data(options.data)) {
				return false;
			}

if ($this.data(toolTip_Data)) {
				clearTimeout($this.data(toolTip_Timer));
				$this.data(toolTip_Data).addClass(options.hoverClass.split('.').join(''));
				return false;
			}
				
			var $tooltip = $('<div class="'+options.appendClass.split('.').join('')+'"></div>').appendTo('body');
			$this.data(toolTip_Data, $tooltip);

if (ie) {
		$('body').addClass('is-ie');
	}
	
	// SoundCloud players (API)
	$.fn.TG_SoundCloud = function() {
		
		return this.each(function () {
			
			var $this = $(this).closest(tg_media_hold),
				src   = $(this).attr('src');
			
			if (!$this.hasClass(tg_media_init) && src !== 'about:blank') {

TG_YT_players[playerID] = new YT.Player(playerID, {
					events: {
						'onReady':function(event){
							if (!tg_is_mobile) {
								event.target.playVideo();
							}
							$.TG_Media_Ready($this,event.target,'YT'); 
						},
						'onStateChange': function(event){
							if (event.data === 1) {
								$.TG_Media_Play($this);
							}
							if (event.data === 2 ||  event.data === 0) {
								$.TG_Media_Pause($this);
							}
						}
					}
				});
											
			}
			
		});
		
	};
	
	// Vimeo players (API)
	$.fn.TG_Vimeo = function() {
		
		return this.each(function () {

var $this = $(this).closest(tg_media_hold),
				src   = $(this).attr('src');
				
			// Vimeo not supported with IE <= 9, so remove iframe & play button
			if (ie <= 9) {
				$(this).remove();
				$this.find('.tg-media-button').remove();
			}

if (!$this.hasClass(tg_media_init) && src !== 'about:blank') {
				
				// reset the src of the iframe because of a cache issue from VIMEO API
				$(this).attr('src', $(this).attr('src'));

var player = $f(this);

player.addEvent('ready', function() {
					if (!tg_is_mobile) {
						player.api('play');
					}
					$.TG_Media_Ready($this,player,'VM');
					player.addEvent('play', function(){
						$.TG_Media_Play($this);
					});
					player.addEvent('pause', function(){
						$.TG_Media_Pause($this);
					});
					player.addEvent('finish', function(){
						$.TG_Media_Pause($this);
					});
				});

/*$(this).attr('src', $(this).attr('src'));
				var player = new Vimeo.Player($(this));
				
				player.play();
				$.TG_Media_Ready($this,player,'STD');
				player.on('play', function(){
					$.TG_Media_Play($this);
				});
				player.on('pause', function(){
					$.TG_Media_Pause($this);
				});
				player.on('finish', function(){
					$.TG_Media_Pause($this);
				});*/
				
			}
				
		});
	};
	
	// Wistia players (API)
	$.fn.TG_Wistia = function() {
		
		return this.each(function () {
	
			var $this = $(this).closest(tg_media_hold),
				src   = $(this).attr('src');
			
			if (!$this.hasClass(tg_media_init) && src !== 'about:blank') {
				
				$(this).load(function() {
				
					var player = $(this)[0].wistiaApi,
						is_init = false,
						seeking = false,
						heightchange = false;
					
					
					$.TG_Media_Ready($this,player,'STD');
					
					// prevent issue with Visual Composer on Front-End mode
					if (player) {
						
						player.play();
					
						player.bind('seek', function () {
							seeking = true;
						});
						
						player.bind('heightchange', function () {
							heightchange = true;
						});
						
						player.bind('play', function () {
							// because of play trigger by seek...
							if (seeking === false && heightchange === false && is_init) {
								$.TG_Media_Play($this);
							}
							seeking = heightchange = false;
						});
		
						player.bind('pause', function () {
							// because of pause trigger by seek...
							if (seeking === false && heightchange === false) {
								$.TG_Media_Pause($this);
							}
							heightchange = is_init = true;
						});
						
						player.bind('finish', function () {
							$.TG_Media_Pause($this);
						});
						
					}
				
				});
											
			}
			
		});
	};

// HTML5 video/audio players
	$.fn.TG_HTML_Player = function() {
		
		return this.each(function () {
			
			var $this = $(this).closest(tg_media_hold);
			
			if (!$this.hasClass(tg_media_init)) {
				
				var player = $(this)[0];
				
				if (player.addEventListener) {
					$.TG_Media_Ready($this,player,'STD');
					player.addEventListener('play', function(){
						$.TG_Media_Play($this);
					});
					player.addEventListener('pause', function(){
						$.TG_Media_Pause($this);
					});
					player.addEventListener('ended', function(){
						$.TG_Media_Pause($this);
					});
				}
			}
			
		});
		
	};
	
	// Set player on ready
	$.TG_Media_Ready = function(el,player,method) {
		el.data('pause-method',method)
		  .data('media-player',player)
		  .addClass(tg_media_init);  
	};
	
	// handle Play on player
	$.TG_Media_Play = function(el) {
		if (!el.hasClass('tg-force-play')) {
			$.TG_Pause_Players();
		}
		el.addClass('tg-is-playing');
		$(tg_media_hold).removeClass('tg-force-play');
	};
	
	// handle Pause on player
	$.TG_Media_Pause = function(el) {
		el.removeClass('tg-is-playing tg-force-play');
	};
	
	// detect fullscreen player mode (prevent to add undesired css transform)
	$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(e){
		var el = $(e.target);
		$('.tg-item-media').removeClass('tg-item-media-fullscreen');
		if (el && el.hasClass('tg-item-media')) {
			el.addClass('tg-item-media-fullscreen');
		}
	});
	
	// on first play build iframe and init script
	$(document).on('click', '.tg-item:not(.tg-media-init) .tg-item-button-play', function(e) {
		
		e.preventDefault();
		
		var $this     = $(this).closest('.tg-item'),
			$media    = $this.find('iframe');

$media.attr('src', $media.data('src'));
		$.TG_Pause_Players();
		$.TG_media_init();
		$this.addClass('tg-force-play');

});
	
	// Play button
	$(document).on('click', '.tg-item.tg-media-init .tg-item-button-play', function(e) {

e.preventDefault();
		
		var $this  = $(this).closest('.tg-item'),
			method = $this.data('pause-method'),
			player = $this.data('media-player');
		
		// pause and return if media is playing
		if ($this.is('.tg-force-play, .tg-is-playing')){
			$.TG_Pause_Players();
			return false;
		}

// check if player & init, and play
		if (player && $this.hasClass(tg_media_init)) {
			$this.find('.tg-item-media').show();
			$.TG_Pause_Players();
			$(tg_media_hold).removeClass('tg-force-play tg-play-error');
			$this.addClass('tg-force-play');
			switch(method) {
				case 'STD':
					// prevent auto play SoundCloud on mobile (force manual play to work)
					if ((!player.getCurrentSound && tg_is_mobile) || !tg_is_mobile) {
						player.play();
					}
					break;
				case 'YT':
					player.playVideo();
					break;
				case 'VM':
					player.api('play');
					break;
			}
		}
		
	});

// Pause all kind of video/audio media
	$.TG_Pause_Players = function() {
		$('.tg-item.tg-is-playing, .tg-item.tg-force-play').each(function() {
			var $this  = $(this),
				method = $this.data('pause-method'),
				player = $this.data('media-player');
			if (player && $this.hasClass(tg_media_init)) {
				switch(method) {
					case 'STD':
						player.pause();
						break;
					case 'YT':
						player.pauseVideo();
						break;
					case 'VM':
						player.api('pause');
						break;
				}
				$this.closest(tg_media_hold).removeClass('tg-is-playing tg-force-play');
			}
		});
	};

// API scripts (Youtube, Vimeo, Soundclound)
	$.TG_media_init = function() {
		
		var tag,
			API,
			url,
			type,
			script,
			scripts = [
				{'ID':'youtube', 'url':'//www.youtube.com/iframe_api'},
				{'ID':'vimeo', 'url':'//f.vimeocdn.com/js/froogaloop2.min.js'},
				{'ID':'soundcloud', 'url':'//w.soundcloud.com/player/api.js'},
				{'ID':'wistia', 'url':'//fast.wistia.com/assets/external/E-v1.js'}
			];
		
		// load Youtube subscribe button script
		if ($('.g-ytsubscribe').length) {
			tag = document.createElement('script');
			tag.src = 'https://apis.google.com/js/platform.js';
			tag.id  = 'tg-youtube-subscribe-api';
			script = document.getElementsByTagName('script')[0];
			script.parentNode.insertBefore(tag, script);
		}
		
		if ($('.tg-item-media').length === 0) {
			return false;
		}
		
		API = {
			youtube: function () {
				// because of futur ajax events
				if (typeof YT == 'undefined' || YT.loaded === 0) {
					window.onYouTubeIframeAPIReady = function() {
						$('[data-api="1"].tg-item-youtube').TG_Youtube();
					};
				} else {
					$('[data-api="1"].tg-item-youtube').TG_Youtube();
				}
			},
			vimeo: function() {
				$('[data-api="1"].tg-item-vimeo').TG_Vimeo();
			},
			soundcloud: function() {
				$('[data-api="1"].tg-item-soundcloud').TG_SoundCloud();
			},
			wistia: function() {
				$('[data-api="1"].tg-item-wistia').TG_Wistia();
			}
		};
		
		/* jshint loopfunc:true */
		// autoload API scripts (only when necessary)
		for (var i = 0; i < scripts.length; i++) {
			type = scripts[i].ID;
			if ($('[data-api="1"].tg-item-'+type).length > 0) {
				url  = scripts[i].url;
				if ($('#tg-'+type+'-api').length === 0) {
					tag = document.createElement('script');
					tag.src = scripts[i].url;
					tag.id  = 'tg-'+type+'-api';
					script  = document.getElementsByTagName('script')[0];
					script.parentNode.insertBefore(tag, script);
					(function(tag,type){
						tag.onload = function() {
							API[type]();
						};
					})(tag,type);
				} else {
					API[type]();
				}
			}
		}

// HTML5 Player events
		$(document).ready(function() {
			$('.tg-item .tg-item-audio-player').attr('width','100%');
			$('.tg-item-video-player,.tg-item-audio-player').TG_HTML_Player();
			if (tg_global_var.mediaelement) {
				$('.tg-item-video-player:not(.tg-mediaelement-init), .tg-item-audio-player:not(.tg-mediaelement-init)').mediaelementplayer({
					audioVolume: 'vertical',
					videoVolume: 'vertical',
					features: ['playpause', 'current', 'progress', 'fullscreen', 'volume', 'duration'],
					startVolume: 0.8
				});	
				$('.tg-item-video-player, .tg-item-audio-player').addClass('tg-mediaelement-init');
			}
		});

};
	
	// destroy all video/audio players 
	$.TG_media_destroy = function(el) {

// ======================================================
	// Themeone Lightbox (image/video)
	// ======================================================

$.TO_Lightbox = function() {
	
		var TO_LB_Markup = '<div class="tolb-holder">'+
								'<div class="tolb-loader"></div>'+
									'<div class="tolb-inner">'+
									'<figure>'+
										'<div class="tolb-close tg-icon-close"></div>'+
										'<div class="tolb-content"></div>'+
										'<figcaption>'+
											'<div class="tolb-title"></div>'+
											'<div class="tolb-counter"></div>'+
										'</figcaption>'+
									'</figure>'+
								'</div>'+
								'<div class="tolb-prev"><i class="tg-icon-arrow-prev-thin"></i></div>'+
								'<div class="tolb-next"><i class="tg-icon-arrow-next-thin"></i></div>'+
							'</div>',
			func,
			player,
			media_id,
			media_lb,
			media_src,
			media_alt,
			media_html,
			media_type,
			media_poster,
			media_length,
			media_arr  = [],
			media_data = '[data-tolb-src]:not(.tolb-disabled)',
			holder  = '.tolb-holder',
			inner   = '.tolb-inner',
			content = '.tolb-content',
			video   = '.tolb-video',
			image   = '.tolb-img',
			title   = '.tolb-title',
			counter = '.tolb-counter',
			next    = '.tolb-next',
			prev    = '.tolb-prev',
			close   = '.tolb-close',
			index   = 'tolb-index',
			open    = 'tolb-open',
			ready   = 'tolb-ready',
			loading = 'tolb-loading',
			iframe  = 'tolb-iframe',
			autoplay = tg_global_var.lightbox_autoplay;

// ======================================================
	// Custom panZoom/Apple TV Effects
	// ======================================================
	
	function TG_PanZoom(){

var el,offset,h,w,x,y,
			edge = window.navigator.userAgent.indexOf('Edge/'),
			supportsTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints,
			image = 'div:not(.tg-item-gallery-holder) > .tg-item-image, .tg-item-media-poster, .tg-item-audio-poster, .tg-item-gallery-holder',
			sensitivity = 0.4,
			lastMove = 0;

if (!supportsTouch && !$('body').hasClass('is-ie') && edge < 0) {
				
			$(document).on('mousemove', '.tg-panZ', function(e){
				el = $(this);
				w = el.width();
				h = el.height();
				offset = el.closest('.tg-item').offset();
				var now = Date.now();
				if (now > lastMove + 80) {
					lastMove = now;
					window.requestAnimationFrame(function(){
						x = -(e.pageX - offset.left-w/2)*0.08*sensitivity;
						y = -(e.pageY - offset.top-h/2)*0.08*sensitivity;
						$(e.target).closest('.tg-item').find(image).css({
							'-webkit-transform': 'matrix(1.08, 0, 0, 1.08,'+x+','+y+')',
							'-moz-transform': 'matrix(1.08, 0, 0, 1.08,'+x+','+y+')'
						});
					});
				}
			}).on('mouseleave', '.tg-panZ', function(e){
				setTimeout(function(){
					$(e.target).closest('.tg-item').find(image).css({
						'-webkit-transform':'',
						'-moz-transform':''
					});
				}, 80);
			});
			
		}
	
	}
	// Init PanZoom effect
	TG_PanZoom();

// Apple Tv effect
	function TG_atv(){
	
		var d = document,
			lastMove = 0,
			htm = d.getElementsByTagName('html')[0],
			bd  = d.getElementsByTagName('body')[0],
			supportsTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints,
			eventThrottle = $('body').hasClass('is-ie') ? 1 : 80;
		
		if (!supportsTouch) {
			$(document).on('mousemove', '.tg-atv-anim', function(e){
				var holder = $(this),
					now = Date.now();
				if (now > lastMove + eventThrottle) {
					lastMove = now;
					window.requestAnimationFrame(function(){
						processMovement(e,holder);	
					});
				}	
			}).on('mouseenter', '.tg-atv-anim', function(e){
				processEnter($(this));		
			}).on('mouseleave', '.tg-atv-anim', function(e){
				processExit($(this));	
			});
		}
	
		function processMovement(e, layers){
			
			var bdst  = bd.scrollTop || htm.scrollTop,
				bdsl  = bd.scrollLeft,
				pageX = e.pageX,
				pageY = e.pageY,
				offsets = layers[0].getBoundingClientRect(),
				w = layers[0].clientWidth || layers[0].offsetWidth || layers[0].scrollWidth,
				h = layers[0].clientHeight || layers[0].offsetHeight || layers[0].scrollHeight,
				wMultiple = 320/w,
				offsetX = 0.52 - (pageX - offsets.left - bdsl)/w,
				offsetY = 0.52 - (pageY - offsets.top - bdst)/h,
				dy = (pageY - offsets.top - bdst) - h / 2,
				dx = (pageX - offsets.left - bdsl) - w / 2,
				yRotate = (offsetX - dx)*(0.07 * wMultiple),
				xRotate = (dy - offsetY)*(0.1 * wMultiple),
				ratio = (h > w) ? h/w*2 : 1,
				perspective = w*3*ratio,
				imgCSS = 'perspective('+ perspective +'px) rotateX(' + xRotate + 'deg) rotateY(' + yRotate + 'deg) scale3d(1.03,1.03,1.03)';

layers.css('transform',imgCSS + ' ' + 'translateX(' + (offsetX * 2) * ((1 * 2.5) / wMultiple) + 'px) translateY(' + (offsetY * 1) * ((1 * 2.5) / wMultiple) + 'px)');
	
		}
	
		function processEnter(elem){
			elem.addClass('over');
		}
	
		function processExit(elem){
			elem.removeClass('over');
			setTimeout(function(){
				var w = elem[0].clientWidth || elem[0].offsetWidth || elem[0].scrollWidth;
				elem.css('transform','perspective('+ w*3 +'px) rotateX(0deg) rotateY(0deg) translateZ(0)');
			}, 80);
		}
	
	}
	// Init Apple TV parallax effect
    TG_atv();

// ======================================================
	// Social share links
	// ======================================================

$(document).on('click', '.tg-social-share:not(.tg-social-disabled)', function(e){
		
		e.preventDefault();
		
		var href = $(this)[0].href,
			left = Math.round(window.screenX + (window.outerWidth - 626) / 2),
			top  = Math.round(window.screenY + (window.outerHeight - 436) / 2);
console.log(href);
		if (href) {
			window.open(href, 'tg_share', 'status=0,resizable=1,location=1,toolbar=0,width=626,height=436,top='+top+',left='+left);
		}
		
		return false;
		
	});

// ======================================================
	// Init The Grid Plugin
	// ======================================================
	
	$.TG_media_init();
	// Initializing
	$(document).ready(function() {
		// because of @keyframe and @font-face issue in Firefox
		$('.tg-grid-preloader-styles, .tg-grid-styles').removeAttr('scoped');
		$('.tg-grid-holder').The_Grid();
		$.TO_Lightbox();	
	});

// ======================================================
	// Helpers
	// ======================================================

// debounced resize
	var $event = $.event,
		$special,
		func,
		resizeTimeout;
	
	$special = $event.special.debouncedresize = {
		setup: function() {
			$(this).on( "resize", $special.handler );
		},
		teardown: function() {
			$(this).off( "resize", $special.handler );
		},
		handler: function( event, execAsap ) {
			// Save the context
			var context = this,
				args = arguments,
				dispatch = function() {
					// set correct event type
					event.type = "debouncedresize";
					$event.dispatch.apply( context, args );
				};
	
			if ( resizeTimeout ) {
				clearTimeout( resizeTimeout );
			}
	
			func = execAsap ? dispatch() : resizeTimeout = setTimeout( dispatch, $special.threshold );
		},
		threshold: 100
	};

})(jQuery);

// throttle function to reduce calculations
function throttle(func, milliseconds) {
	var lastCall = 0;
	return function () {
		var now = Date.now();
		if (lastCall + milliseconds < now) {
			lastCall = now;
			return func.apply(this, arguments);
		}
	};
}

// debounce so filtering doesn't happen every millisecond
function debounce(fn, threshold) {
	
	"use strict";
	
	var timeout;
	
	return function debounced() {
		if (timeout) {
			clearTimeout(timeout);
		}
		function delayed() {
			fn();
			timeout = null;
		}
		setTimeout(delayed, threshold || 100);
	};
}

//RAF polyfill (http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/)
(function() {
    var lastTime = 0;
    var vendors = ['webkit', 'moz'];
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame =
          window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
    }

if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function(callback, element) {
            var currTime = new Date().getTime();
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function() { callback(currTime + timeToCall); },
              timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };

if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function(id) {
            clearTimeout(id);
        };
}());

// RAF interval for smooth animations
window.tgInterval = function(a, b) {
    var c = Date.now,
        d = window.requestAnimationFrame,
        e = c(),
        f, g = function() {
            c() - e < b || (e += b, a());
            f || d(g);
        };
    d(g);
    return {
        clear: function() {
            f = 1;
        }
    };
};

/* jshint ignore:start */
if (tg_global_var.mediaelement_ex) {
// mediaelement extended for loop and source button (The Grid lightbox only)
// Loop: http://mediaelementjs.com/examples/?name=loop
// source chooser: https://github.com/johndyer/mediaelement/blob/master/src/js/mep-feature-sourcechooser.js	
!function(e){e.extend(mejs.MepDefaults,{sourcechooserText:"Source Chooser"}),e.extend(MediaElementPlayer.prototype,{buildsourcechooser:function(o,t,s,c){var r=this;o.sourcechooserButton=e('<div class="mejs-button mejs-sourcechooser-button"><button type="button" aria-controls="'+r.id+'" title="'+r.options.sourcechooserText+'" aria-label="'+r.options.sourcechooserText+'"></button><div class="mejs-sourcechooser-selector"><ul></ul></div></div>').appendTo(t).delegate("input[type=checkbox]","click",function(){var o=this.value;e(this).closest(".mejs-sourcechooser-selector").find("input").removeAttr("checked"),e(this).closest(".mejs-sourcechooser-selector").find("label").removeClass("active"),e(this).next("label").addClass("active"),c.currentSrc!=o&&(currentTime=c.currentTime,paused=c.paused,c.setSrc(o),c.load(),c.addEventListener("loadedmetadata",function(){this.currentTime=currentTime},!0),c.addEventListener("canplay",function(){paused||this.play()},!0))});for(var n in c.children){var i=c.children[n];"SOURCE"!==i.nodeName||"probably"!=c.canPlayType(i.type)&&"maybe"!=c.canPlayType(i.type)||o.addSourceButton(i.src,i.title,i.type,c.src==i.src)}},addSourceButton:function(o,t,s,c){var r=this;(""===t||void 0==t)&&(t=o),s=s.split("/")[1],r.sourcechooserButton.find("ul").append(e('<li><input type="checkbox" name="'+r.id+'_sourcechooser" id="'+r.id+"_sourcechooser_"+s+'" value="'+o+'" '+(c?'checked="checked"':"")+' /><label for="'+r.id+"_sourcechooser_"+s+'">'+s+"</label></li>")),r.adjustSourcechooserBox()},adjustSourcechooserBox:function(){var e=this;e.sourcechooserButton.find(".mejs-sourcechooser-selector").height(e.sourcechooserButton.find(".mejs-sourcechooser-selector ul").outerHeight(!0))}})}(mejs.$),function(e){e.extend(MediaElementPlayer.prototype,{buildloop:function(o,t){var s=this,c=e('<div class="mejs-button mejs-loop-button '+(o.options.loop?"mejs-loop-on":"mejs-loop-off")+'"><button type="button" aria-controls="'+s.id+'" title="Toggle Loop" aria-label="Toggle Loop"></button></div>').appendTo(t).click(function(){o.options.loop=!o.options.loop,o.options.loop?c.removeClass("mejs-loop-off").addClass("mejs-loop-on"):c.removeClass("mejs-loop-on").addClass("mejs-loop-off")})}})}(mejs.$);

}
/* jshint ignore:end */

[+] ..
[-] the-grid.js [edit]
[-] the-grid.min.js [edit]
[-] the-grid-layout.js [edit]
[-] the-grid-slider.js [edit]