jQuery(document).ready(function(e) {
	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) 
	{
 		jQuery('.wcmp-product').addClass('wcmp-mobile');
	}
	/* product advanced note fix */
	jQuery('.wcmp-sale-circle').each(function(index, element) {
        var $span = jQuery('.wcmp-sale-circle').find('span');
		var span_width = $span.outerWidth();
		$span.css({'height':span_width+'px','line-height':span_width+'px'});
    });
	jQuery('body').append('<div class="quick-view-single-product"></div>');
	var container = jQuery('.woocomposer_grid > .woocomposer');
	var oldWrapPos = 0;
	var row = 0;
	jQuery('body').on('click', '.quick-view-loop', function(e){
		e.preventDefault();
		var parentProduct = jQuery(this).parent().parent().parent();
		var cls = parentProduct.find('selected').length;
		if(cls >=1 ){
			parentProduct.removeClass('selected'); 
			jQuery('.wcmp-view-wrap').slideUp( function() { jQuery(this).remove(); });
		} else {
jQuery('.wcmp-view-wrap').remove();
			var elements = container.children();
			container.children().removeClass('selected'); // reset selected element
			parentProduct.addClass('selected'); // mark new selected element
			//parentProduct.next('.wcmp-quick-view-wrapper').slideUp( function() { jQuery(this).remove(); });
			jQuery('.wcmp-view-wrap').slideUp( function() { jQuery(this).remove(); });
			var elementHeight = parentProduct.height()-3;
			var elementWidth = parentProduct.outerWidth(true);
			var selectedPos = parentProduct.index()+1; // get selected position
			// find wrap element:
			//var containerWidth = container.width();
			//var elementsInRow = Math.floor(containerWidth / 100 );
			var elementsInRow = jQuery(".wcmp-quick-view-wrapper").data('columns'); // use this if container's width is fixed
			var calculatedRow = selectedPos / elementsInRow;
			var wrapPos = '';
			if( Math.floor(calculatedRow) == calculatedRow && jQuery.isNumeric(calculatedRow)){
				row = calculatedRow;
				wrapPos = (row * elementsInRow)-1;
			} else {
				row = Math.floor(selectedPos / elementsInRow)+1;
				wrapPos = (row * elementsInRow)-1;
			}
			// if selected is on last row, use as wrap the last element:
			var size = elements.length;
			if (wrapPos >= size){wrapPos = size-1;}
			//wrapPos = wrapPos - 1;
			var pointerPos = (elementWidth/2 - 5) + (((selectedPos-1) % elementsInRow) * elementWidth)
			//var pointerPos = 30 + (((selectedPos+1) * elementWidth)-(elementWidth/2));
			/*
			console.log(selectedPos);
			console.log(elementsInRow);
			console.log(selectedPos % elementsInRow);
			console.log((selectedPos % elementsInRow) * 110);
			console.log('left: '+pointerPos);
			*/
			//console.log(elementWidth); 
				elements.removeClass('edge');
				jQuery(elements[wrapPos]).addClass('edge');
				var quickView = parentProduct.children('.wcmp-quick-view-wrapper').html();
				jQuery('.edge').after('<div class="wcmp-view-wrap vc_span12 wpb_column column_container woocommerce" style="height:0px; margin-top: -20px; width:100%;"><div class="info-pc" style="left:'+pointerPos+'px; float:right; top:-10px;"></div><div class="wcmp-view-content">'+quickView+'</div><div class="wcmp-close"><i class="wooicon-cross2"></i></div></div>');
				var contentHeight = jQuery('.wcmp-view-content').height();
				jQuery('.wcmp-view-wrap').animate(
					{
						height:contentHeight
					},{
							duration: 500,
							complete: function(){  
								jQuery( this ).css('overflow','visible');
								jQuery(this).trigger('viewLoaded');
						}
					}
				);
			}
		}
	);
	jQuery('body').click( function (e) {
		if ( e.target == this ){
			if(jQuery('.woocomposer_grid').find(".wcmp-view-wrap").length > 0)
			{
				jQuery(".wcmp-view-wrap").addClass('animated fadeInOut');
				setTimeout(function(){
					var contentHeightNew = jQuery('.wcmp-view-content').height();
					var wHeight = (jQuery(window).innerHeight() + (contentHeightNew)) / 2;
					var topMargin = jQuery(".wcmp-view-wrap").offset().top - wHeight;
					jQuery('.wcmp-view-wrap').slideUp( function() { jQuery(this).remove(); });		
					jQuery('html, body').animate(
						{
							scrollTop:topMargin
						},
						{
							duration: 500,
							complete:function(){
							//jQuery(this).trigger('viewLoaded');
						}
					});
				},500);
				container.children().removeClass('selected');
			}
		}
	});
	jQuery(document).ready(function($) {
		// script to woocomposer grid layput
    	$('.woocomposer_grid').each(function(index, element){
			var woo_col = $(this).find('.woocomposer').attr('data-columns');
			$(this).find('.wooproduct').each(function(pindex,product){
				var mod = pindex%woo_col;
				if(mod == 0)
					$(product).addClass('wooproduct-first');
				if(mod == (woo_col-1))
					$(product).addClass('wooproduct-last');
			});
		});
		//jQuery(".woocomposer_grid").eqHeight(".wooproduct", {equalize_interval: 500});
		$(".wcmp-img").unveil();
		var inline_vc = jQuery('.woocomposer_carousel').find('.wcmp_vc_inline').length;
		if(inline_vc == 1){
			var woo_carousel = jQuery(".woocomposer_carousel");
			woo_carousel.each(function(index, element) {
				var id = jQuery(this).attr('id');
				var carousel_opts = jQuery(this).attr('data-slick');
				jQuery("#"+id+" > .woocomposer").slick(carousel_opts);
				console.log(id);
			});
		}
	});
	/**/
	jQuery('body').on('click', '.wcmp-close', function(e){
		e.preventDefault();
		var childs = jQuery('.woocomposer_grid').children('.wooproduct');
		childs.removeClass('selected'); 
		var contentHeightNew = jQuery('.wcmp-view-content').height();
		var wHeight = (jQuery(window).innerHeight() + (contentHeightNew)) / 2;
		var topMargin = jQuery(".wcmp-view-wrap").offset().top - wHeight;
		jQuery('.wcmp-view-wrap').slideUp( function() { jQuery(this).remove(); });		
		jQuery('html, body').animate(
			{
				scrollTop:topMargin
			},
			{
				duration: 500,
				complete:function(){
				//jQuery(this).trigger('viewLoaded');
			}
		});
	});
	/* Single Product Quick View */
	jQuery(".woo-msg").css({'position':'fixed','width':'100%','left':'0','right':'0','z-index':'9999999','top':'0px'});
	jQuery(".woo-msg > .woocommerce-message").append('<a href="#" class="button wc-backward wcmp-continue" style="margin-right: 15px;">Continue Shopping</a>');
	jQuery(".wcmp-continue").click(function(){
		jQuery(".woocommerce-message").slideUp(500,function() { jQuery(this).remove(); });
	});
	jQuery(".quick-view-single").click(function(e){
		e.preventDefault();
		var single_container = jQuery(this).parent().parent().find('.wcmp-quick-view-wrapper');
		var html = single_container.html();
		jQuery(".quick-view-single-product").html(html);
		jQuery(".quick-view-single-product").fadeIn('fast');
		jQuery(".quick-view-single-product .wcmp-image-carousel").slick({
			arrows: true,
			infinite: true,
			speed: 500,
			slidesToShow: 1,
			slidesToScroll: 1,
		});
		var is_variation = jQuery(".quick-view-single-product").find('.variations_form').length;
		if(is_variation != 0)
		{
			jQuery( '.variations_form' ).wc_variation_form();
			jQuery( '.variations_form .variations select' ).change();
		}
		add_woocomposer_popupclass();
	});
	jQuery(".quick-view-loop-popup").click(function(e){
		e.preventDefault();
		var single_container = jQuery(this).parent().parent().parent().find('.wcmp-quick-view-wrapper');
		var html = single_container.html();
		jQuery(".quick-view-single-product").html(html);
		jQuery(".quick-view-single-product").fadeIn('fast');
		jQuery(".quick-view-single-product .wcmp-image-carousel").slick({
			arrows: true,
			infinite: true,
			speed: 500,
			slidesToShow: 1,
			slidesToScroll: 1,
		});
		var is_variation = jQuery(".quick-view-single-product").find('.variations_form').length;
		if(is_variation != 0)
		{
			jQuery( '.variations_form' ).wc_variation_form();
			jQuery( '.variations_form .variations select' ).change();
		}
		add_woocomposer_popupclass();
	});
	jQuery('body').on('click','.wcmp-close-single',function(){
		jQuery(".quick-view-single-product").fadeOut(500);
		jQuery('html').removeClass('woocomposer-popup');
	});
	jQuery(".wcmp-single-image-carousel").slick({
		arrows: true,
		infinite: true,
		speed: 500,
		slidesToShow: 1,
  		slidesToScroll: 1,
	});
});
jQuery(document).on('viewLoaded',function(){
	jQuery(".wcmp-view-wrap .wcmp-image-carousel").slick({
		arrows: true,
		infinite: true,
		speed: 500,
		slidesToShow: 1,
  		slidesToScroll: 1,
	});
	var contentHeightNew = jQuery('.wcmp-view-content').height();
	jQuery(".wcmp-view-wrap").animate({height:contentHeightNew},{duration:500,complete:function(){
		var wHeight = (jQuery(window).innerHeight() - contentHeightNew) / 2;
		var topMargin = jQuery(".wcmp-view-wrap").offset().top - wHeight;
		jQuery('html, body').animate(
			{
				scrollTop:topMargin
			},
			{
				duration: 500,
				complete:function(){
				//jQuery(this).trigger('viewLoaded');
			}
		});
	}});
	var is_variation = jQuery(".wcmp-view-wrap").find('.variations_form').length;
	if(is_variation != 0)
	{
		jQuery( '.variations_form' ).wc_variation_form();
		jQuery( '.variations_form .variations select' ).change();
	}
});
jQuery(window).scroll(function(){
	animate_products();
});
jQuery(window).load(function(){
	animate_products();
	var inline_vc = jQuery('.woocomposer_carousel').find('.wcmp_vc_inline').length;
	if(inline_vc >= 1){
		var woo_carousel = jQuery(".woocomposer_carousel");
		woo_carousel.each(function(index, element) {
			var id = jQuery(this).attr('id');
			var carousel_opts = jQuery(this).attr('data-slick');
			jQuery("#"+id+" > .woocomposer").slick(carousel_opts);
			var products = jQuery("#"+id+" > .woocomposer").find(".wooproduct").length;
			jQuery("#"+id+" > .woocomposer").find("slick-track").css('width',300 * products);
			jQuery("#"+id+" > .woocomposer").find(".wooproduct").each(function(index, element) {
                jQuery(this).css('width',300+'px');
            });
			console.log(inline_vc);
		});
		jQuery(".quick-view-single-product .wcmp-image-carousel, .wcmp-single-image-carousel").each(function(index, element) {
           jQuery(this).slick({
				arrows: true,
				infinite: true,
				speed: 500,
				slidesToShow: 1,
				slidesToScroll: 1,
			}); 
        });
	}
});
jQuery(window).resize(function(e) {
    add_woocomposer_popupclass();
});
function animate_products(){
	jQuery(".wooproduct").each(function(index, element) {
		var id = jQuery(this).attr('id');
		var animate = jQuery(this).data('animation');
		if(animate !== "animated no-animation"){
//			if(isOnScreen("#"+id)){
				jQuery("#"+id).addClass(animate);
//			}
		}
	});
// CSS3 Transitions.
	jQuery('*').each(function(){
		if(jQuery(this).attr('data-animate')) {
			var animationName = jQuery(this).attr('data-animate'),
				animationDelay = "delay-"+jQuery(this).attr('data-animation-delay');
			//jQuery(this).bsf_appear(function() {
				var $this = jQuery(this);
				if(isOnScreen($this)){
					setTimeout(function(){
						$this.addClass('animated').addClass(animationName);
						$this.addClass('animated').addClass(animationDelay);
						$this.css('opacity','1');
					},500);
				}				
			//});
		} 
	});
}
function isOnScreen(id){
    var win = jQuery(window);
    var viewport = {
        top : win.scrollTop(),
        left : win.scrollLeft()
    };
	var productHeight = jQuery(id).outerHeight()-80;
    viewport.right = viewport.left + win.width();
    viewport.bottom = viewport.top + win.height() - productHeight;
    var bounds = jQuery(id).offset();
    bounds.right = bounds.left + jQuery(id).outerWidth();
    bounds.bottom = bounds.top + jQuery(id).outerHeight();
    return (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom));
};
function add_woocomposer_popupclass()
{
	var xheight = jQuery('.quick-view-single-product > div').height();
	var wheight = jQuery(window).height();
	if(xheight >= wheight)
		jQuery('html').addClass('woocomposer-popup');
	else
		jQuery('html').removeClass('woocomposer-popup');
}