/*
Name: 			Demos - Examples
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	8.0.0
*/

(function( $ ) {

	'use strict';

	// Sample Demos List
	var $sampleItemList = $('#sampleItemList'),
		$window = $(window);

	$sampleItemList.on('arrangeComplete', function() {
		$sampleItemList.addClass('sample-item-list-loaded');
		$window.trigger('scroll');
	});

	$sampleItemList.isotope({
		itemSelector: '.isotope-item',
		layoutMode: 'fitRows',
		hiddenStyle: {
			opacity: 0
		},
		visibleStyle: {
			opacity: 1
		}
	});

	// Main Demo
	var $mainDemoItem = $($('#mainDemo').html());

	$sampleItemList.prepend($mainDemoItem).isotope('prepended', $mainDemoItem);

	// Coming Soon
	var $comingSoonItem = $($('#comingSoon').html());

	$sampleItemList.append($comingSoonItem).isotope('appended', $comingSoonItem);

	setTimeout(function() {
		$sampleItemList.trigger('arrangeComplete');
	}, 1000);

	$sampleItemList.find('.owl-carousel').on('changed.owl.carousel', function(event) {
		setTimeout(function() {
			$window.trigger('scroll');
		}, 300);
	});

	// Carousels
	$('.owl-carousel-demos').each(function() {
		$(this).owlCarousel({
			items: 1,
			margin: 0,
			loop: true,
			nav: true,
			dots: false,
			stagePadding: 0,
			navText: [],
			autoplay: false,
			autoplayTimeout: Math.floor(Math.random() * (12000 - 6000 + 1)) + 6000,
			rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
		}).addClass('owl-carousel-init');
		
		$(this).on('changed.owl.carousel', function(event) {
			$(this).find('.owl-item:eq(' + event.item.index + ')').trigger('scroll');
		});
	});

	//	Open Demo Options
	$(document).on('mousedown', 'a.open-demo-options', function(e) {
		if (e.which != 2) {
		
			e.preventDefault();

			$.magnificPopup.open({
				items: {
					src: '#mainDemos',
					type: 'inline',
				},
				fixedContentPos: true,
				closeBtnInside: false,
				closeOnContentClick: true,
				preloader: false,

				midClick: true,
				removalDelay: 300,
				mainClass: 'mfp-demo-options mfp-fade',
				callbacks: {
					open: function() {
						$('html').addClass('lightbox-opened');
					},
					close: function() {
						$('html').removeClass('lightbox-opened');
					}
				}
			});

			setTimeout(function() {
				$(window).trigger('resize');
			}, 1000);
		}
	});

	// Lazy Load
	$.extend(theme.PluginLazyLoad.defaults, {
		container: $('.main')
	});

}).apply( this, [ jQuery ]);