$(document).ready(function(){
	$("form[name=productDetailsStockAlertForm]").validVal({ errorClass: "validationError" });
	$("form[name=productDetailsStockAlertForm] input:submit").click(function(event){
		event.preventDefault();

		var form_data=$("form[name=productDetailsStockAlertForm]").triggerHandler("submitForm");
		if(form_data){
			$.get(
				base_href+'ajax.php?m=productStockAlert',
				form_data,
				function(result){
					if(result.success==1){
						var tmp='Many thanks!<br>We can also send you an SMS when the product is back in stock. Enter your mobile phone number below.<br><form name="productDetailsStockAlertPhoneForm"><input type="hidden" name="pid" value="'+form_data.pid+'"><input type="hidden" name="stockid" value="'+result.stockid+'"><select style="width:135px" name="country" onChange="$(\'form[name=productDetailsStockAlertPhoneForm] input[name=phonec]\').val($(\'form[name=productDetailsStockAlertPhoneForm] select[name=country] option:selected\').attr(\'pval\'));">';
						for(var i in result.countries){
							tmp+='<option value="'+result.countries[i].code+'" pval="+'+result.countries[i].calling_code+'">'+result.countries[i].name+'</option>';
						}

						tmp+='</select><br><input type="text" name="phonec" class="phc_l" style="margin:5px 0px;" value="+'+result.countries[0].calling_code+'" size="3" onfocus="$(\'form[name=productDetailsStockAlertPhoneForm] input[name=phonec]\').focus();"><input style="width:90px" type="tel" name="phone" class="phc_r" value="" placeholder="Your phone" required><input type="submit" name="submit" value="Go"></form>';
						$(".stockalert").html(tmp);

						$("form[name=productDetailsStockAlertPhoneForm]").validVal({ errorClass: "validationError" });
						$("form[name=productDetailsStockAlertPhoneForm] input:submit").click(function(event){
							event.preventDefault();

							var form_data=$("form[name=productDetailsStockAlertPhoneForm]").triggerHandler("submitForm");
							if(form_data){
								$.get(
									base_href+'ajax.php?m=productStockAlertPhone',
									form_data,
									function(result){
										if(result.success==1){
											$(".stockalert").html('We will notify you as soon as the product is back in stock.');
										}
									},
									'json'
								);
							}
						});
					}
				},
				'json'
			);
		}
	});

	//product images
	$("#imagesThumbs .carousel").jCarouselLite({
		btnNext: "#imagesThumbs .carouselNext",
		btnPrev: "#imagesThumbs .carouselPrev",
		circular: false,
		visible: 4
	});

	/*$('#mainImage>a').easyZoom({
		parent: '#mainImage'
	});*/

	$('#imagesThumbs .imgThumb a').mouseover(function(){
		$('#imagesThumbs .sel').removeClass('sel');
		$(this).addClass('sel');

		/*$('#mainImage').html('<a href="'+$(this).attr('data-rel-big')+'" target="_blank"><img itemprop="image" src="'+$(this).attr('rel')+'" width="330" height="330" alt=""></a>');
		$('#mainImage>a').easyZoom({
			parent: '#mainImage'
		});*/
		$('#mainImage a').attr('href', $(this).attr('data-rel-big'));
		$('#mainImage a').html('<img itemprop="image" src="'+$(this).attr('rel')+'" width="330" height="330" alt="">');
	});

	//product videos
	$('#videosThumbs .videoThumb a').mouseover(function(){
		$('#videosThumbs .sel').removeClass('sel');
		$(this).addClass('sel');
	});
	$('#videosThumbs .videoThumb a').click(function(event){
		event.preventDefault();

		$.colorbox({
			href: $(this).attr('rel'),
			width: '600px', 
			height: '400px', 
			iframe: true
		});
	});

	//related products
	$("#productDetailsSimilar .carousel").jCarouselLite({
		btnNext: "#productDetailsSimilar .carouselNext",
		btnPrev: "#productDetailsSimilar .carouselPrev",
		circular: false,
		visible: 5,
		start: 0,
		scroll: 5
	});

	//bundles
	$("#productDetailsBundles .carousel").jCarouselLite({
		btnNext: "#productDetailsBundles .carouselNext",
		btnPrev: "#productDetailsBundles .carouselPrev",
		circular: false,
		visible: 1,
		start: 0,
		scroll: 1
	});

	//reviews by rating
	$("#productReviewsByRating li").click(function(event){
		event.preventDefault();

		$.post(base_href+'ajax.php?m=productReviewsByRating', {pid: $(this).attr('data-pid'), rating: $(this).attr('data-rating')}, function(data){
			if(!data.success){
				return;
			}

			$("#productReviewsListPages").hide();

			$('#productReviewsList').html('');
			for(var i in data.reviews){
				$('#productReviewsList').append(
					'<div class="productReviewsListItem"><div><div class="user">'+data.reviews[i].user+'</div><div class="title">'+data.reviews[i].title+'</div><div class="rating"><div class="bg"><div class="fill" style="width:'+data.reviews[i].rating+'px"></div></div></div></div><div><div class="date">'+data.reviews[i].date+(data.reviews[i].bought?'<small>Verified user</small>':'')+'</div><div class="body">'+data.reviews[i].body+'</div></div><div class="for">Review of '+data.reviews[i].product+'</div></div>');
			}

		}, 'json');
	});

	//reviews by page
	$("#productReviewsListPages a").click(function(event){
		event.preventDefault();
		if($(this).hasClass('currentPage')){
			return;
		}

		$('#productReviewsListPages .currentPage').removeClass('currentPage').addClass('pageNumber');
		$(this).removeClass('pageNumber');
		$(this).addClass('currentPage');

		$.post(base_href+'ajax.php?m=productReviewsByPage', {pid: $(this).attr('data-pid'), page: $(this).attr('data-page')}, function(data){
			if(!data.success){
				return;
			}

			$('#productReviewsList').html('');
			for(var i in data.reviews){
				$('#productReviewsList').append(
					'<div class="productReviewsListItem"><div><div class="user">'+data.reviews[i].user+'</div><div class="title">'+data.reviews[i].title+'</div><div class="rating"><div class="bg"><div class="fill" style="width:'+data.reviews[i].rating+'px"></div></div></div></div><div><div class="date">'+data.reviews[i].date+(data.reviews[i].bought?'<small>Verified user</small>':'')+'</div><div class="body">'+data.reviews[i].body+'</div></div><div class="for">Review of '+data.reviews[i].product+'</div></div>');
			}

			$('html, body').animate({
				scrollTop: (parseInt($("#productReviews").offset().top)-50)
			}, 1000);

		}, 'json');
	});

	//review guidelines
	$('#productReviewsFormGuidelines').click(function(event){
		event.preventDefault();

		$.colorbox({
			html: '<div id="popupContainer">Important review guidelines:<ul><li>Focus your review on your own experience of the product</li><li>Include your recommendations and advice for other customers<li>This option is not for reviewing the service you have received from our website (good or bad). Use our customer testimonial page if you wish to review the service you have received from us</li><li>Reviews must not contain:<br>- Links to other websites or external images<br>- Reference to competitor websites</li><li>All reviews should be written in English only</li><li>Reviews will be manually checked by MemoryC staff and will be posted within five working days</li><li>We reserve the right to accept or reject any review received. We may use reviews for marketing purposes.</li></ul></div>',
			scrolling: false,
			width: '600px',
			height: '400px'
		});
	});

	//reviews form
	$("#productReviewsFormRatingMap area").mouseover(function(){
		$("#productReviewsFormRatingMapMsg").html($(this).attr('alt'));
		$("#productReviewsFormRatingMapSel img").css('background-position', (-100+$(this).attr('rating')*20)+'px -30px');
	});
	$("#productReviewsFormRatingMap").mouseout(function(){
		if($("form[name=productReviewsForm] input[name=rate]").attr('data-saved-alt')){
			$("#productReviewsFormRatingMapMsg").html($("form[name=productReviewsForm] input[name=rate]").attr('data-saved-alt'));
		}
		else{
			$("#productReviewsFormRatingMapMsg").html('');
		}
		$("#productReviewsFormRatingMapSel img").css('background-position', (-100+$("form[name=productReviewsForm] input[name=rate]").val()*20)+'px -30px');
	});

	$("#productReviewsFormRatingMap area").click(function(){
		$("form[name=productReviewsForm] input[name=rate]").attr('data-saved-alt', $(this).attr('alt'));
		$("form[name=productReviewsForm] input[name=rate]").val($(this).attr('rating'));
	});

	$("#productReviewsFormRatingMap area.sel").each(function(){
		$("#productReviewsFormRatingMapMsg").html($(this).attr('alt'));
		$("#productReviewsFormRatingMapSel img").css('background-position', (-100+$(this).attr('rating')*20)+'px -30px');
		$("form[name=productReviewsForm] input[name=rate]").val($(this).attr('rating'));
	});

	$('#productReviewsFormText').keyup(function() {
		var length=100-$(this).val().length;
		if(length>0){
			$('#productReviewsFormTextChars').html('Write '+length+' more characters to earn 100 points');
			$('#productReviewsFormTextChars').removeClass('productReviewsFormTextCharsWithReward');
		}
		else{
			$('#productReviewsFormTextChars').html('<b></b>This review earns you 100 points');
			$('#productReviewsFormTextChars').addClass('productReviewsFormTextCharsWithReward');
		}
	});

	$('form[name=productReviewsForm]').validVal({
		errorClass: "validationError",
		validate: {
			onKeyup: "valid",
			fields: {
				hidden: true
			}
		},
		customValidations: {
			"validRate": function(val){
				if(val!='0'){
					return true;
				}
				else{
					return false;
				}
			},
			"validMessage": function(val){
				if(val.length>3){
					return true;
				}
				else{
					return false;
				}
			}
		},
		form: {
			onValidSubmit: function(form_data){
				form_data.anonymous=$('form[name=productReviewsForm] input[name=anonymous]:checked').val();

		        if(parseInt(form_data.userId)>0){
					$.post(
						base_href+'ajax.php?m=productReviewsAdd',
						form_data,
						function(data){
							if(data.success){
								$("#productReviewsFormContainer").html('<form><label>Your review will be checked and authorized by our staff within 24 hours. Thank you for your understanding and support.<br><br>If you wish to review the service you have received from MemoryC please visit our <a href="'+base_href+'reviews">customer review page</a>.<br><br>Please share your review with your friends:<br><a href="javascript://" onclick=\'fbPostToFeed(); return false;\'><img src="i/fb_share_off.jpg"></a>&nbsp;<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-text="I just reviewed this product on @MemoryC" data-url="'+data.product_url+'" data-lang="en">Tweet</a> in Twitter<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></label></form>');
							}
							else{
								alert(data.error);
							}
						},
						"json"
					);
				}
				else{
					$.colorbox({
						href: $('#productReviewsFormContainer a.userLoggedHide').attr('href')+'?ajaxPop=1',
						width: '990px',
						height: '400px',
						iframe: true
					});
				}
			}
		}
	});

	// //variants
	// $('#productVariants ul li').hover(function(){
	// 	var variant=productVariants[$(this).attr('variant-id')];


	// 	$('#productTopSection .centerright .right .discount').remove();
	// 	$('#productTopSection .centerright .right .discountTxt').remove();

	// 	if(variant.hasDiscount){
	// 		$('#productTopSection .centerright .right').prepend('<div class="discount">'+variant.discount+'</div><div class="discountTxt">'+variant.discountTxt+'</div>');
	// 	}

	// 	//change image
	// 	$('#mainImage img').attr('src', base_href+variant.img);
	// 	$('#imagesThumbs .sel').removeClass('sel');

	// 	//change stock
	// 	$('#stockText').html(variant.stock);
	// 	$('#stockContainer').removeClass('instock outofstock ondemand');
	// 	if(variant.stock_cls=='outofstock'){
	// 		$('#productTopSection .centerright .right .stockalert').show();
	// 		$('#productTopSection .centerright .right .shipping').hide();
	// 	}
	// 	else{
	// 		$('#productTopSection .centerright .right .shipping').show();
	// 		$('#productTopSection .centerright .right .stockalert').hide();
	// 	}
	// 	$('#stockContainer').addClass(variant.stock_cls);

	// 	//change price
	// 	$('#priceContainer').html(variant.price);
	// });

	// $('#productVariants ul li').mouseout(function(){
	// 	var variant=productVariants[$('#productVariants ul li.sel').attr('variant-id')];

	// 	$('#productTopSection .centerright .right .discount').remove();
	// 	$('#productTopSection .centerright .right .discountTxt').remove();

	// 	if(variant.hasDiscount){
	// 		$('#productTopSection .centerright .right').prepend('<div class="discount">'+variant.discount+'</div><div class="discountTxt">'+variant.discountTxt+'</div>');
	// 	}

	// 	//change image
	// 	$('#mainImage img').attr('src', base_href+variant.img);
	// 	$('#imagesThumbs .sel').removeClass('sel');

	// 	//change stock
	// 	$('#stockText').html(variant.stock);
	// 	$('#stockContainer').removeClass('instock outofstock ondemand');
	// 	if(variant.stock_cls=='outofstock'){
	// 		$('#productTopSection .centerright .right .stockalert').show();
	// 		$('#productTopSection .centerright .right .shipping').hide();
	// 	}
	// 	else{
	// 		$('#productTopSection .centerright .right .shipping').show();
	// 		$('#productTopSection .centerright .right .stockalert').hide();
	// 	}
	// 	$('#stockContainer').addClass(variant.stock_cls);

	// 	//change price
	// 	$('#priceContainer').html(variant.price);
	// });

	// $('#productVariants ul li').click(function(){
	// 	document.location.href=productVariants[$(this).attr('variant-id')].href;
	// });

	$('.productAnchors').click(function(event){
		event.preventDefault();
		$('html,body').animate({
			scrollTop: parseInt($($(this).attr('rel')).offset().top)-($('body.scroll').length?100:160)
		}, 'slow');
	});

	$('.productAnchorsTrack').click(function(event){
		try{
			dataLayer.push({
				'event': 'productClick',
				'ecommerce': {
					'click': {
						'products': [{
							'name': 'productAnchors'
						}]
					}
				}
			});
		} catch(e){};
	});
});