"use strict";

/*************************************************************
SCRIPTS INDEX

SIDR
ISOTOPE: INIT
FLEXSLIDER INIT
FANCYBOX INIT
OWL CAROUSEL INIT
MOSAIC INIT
MINOR PLUGINS INIT
		// FITVIDS
		// CLEANTABS
		// SCROLL UP
		// EMBED SCROLL PROTECT
		// MEDIAELEMENTPLAYER


SLIDER NAVIGATION ON HOVER ONLY
AJAX MULTIPOST PAGINATION
CLICKABLE BACKGROUND
	
STICKY HEADER
	SCROLL TO ANCHOR
	SEARCH BUTTON

SEARCH AUTOCOMPLETE
@FONT-FACE FIX
LAZY LOAD ANIMATION
RATINGS BAR
USER RATING


*************************************************************/
  
 
/*************************************************************
SIDR
*************************************************************/

	/* CLOSE MENU ON RESIZE */
	jQuery(window).resize(function() {

		jQuery.sidr('close', 'sidr-main');

	});


	jQuery(document).ready(function($) {

		/* MENU */
		$('#responsive-menu-button').sidr({
		    name: 'sidr-main',
		    source: '#navigation'
		});
		
		/* CLOSE MENU BTN */
		$('#sidr-id-closebtn').click(function() {
		    $.sidr('close', 'sidr-main');
		});

	});



/*************************************************************
ISOTOPE: INIT
*************************************************************/

	// ARCHIVE MASONRY INIT
	jQuery(document).ready(function($) {

		if ($('.archive-masonry-container').size() == 0) { return; }

		var $archiveMasonryContainer = $('.archive-masonry-container');

		// INIT
		$archiveMasonryContainer.isotope({
			itemSelector: '.post',
			masonry: {
				columnWidth: '.grid-sizer',
				gutter: '.gutter-sizer',
			},
		});

		// RELAYOUT ON IMAGES LOADED
		$archiveMasonryContainer.imagesLoaded( function() {
		  	$archiveMasonryContainer.isotope('layout');
		});	

		// RELAYOUT ON WINDOW LOADED
		$(window).load(function() {
			$('.archive-masonry-container').isotope('layout');
		});

	});



/*************************************************************
FLEXSLIDER INIT
*************************************************************/

	jQuery(window).load(function($){
		$ = jQuery;

		// STANDARD FLEXSLIDER
		if ($('.flexslider-default').size() > 0) {

			var canonAnimImgSliderSlidershow = (extData.canonOptionsAppearance['anim_img_slider_slideshow'] == 'checked') ? true : false;

			$('.flexslider-default').flexslider({
				slideshow: canonAnimImgSliderSlidershow,
				slideshowSpeed: parseInt(extData.canonOptionsAppearance['anim_img_slider_delay']),
				animationSpeed: parseInt(extData.canonOptionsAppearance['anim_img_slider_anim_duration']),
				animation: "fade",
				smoothHeight: true,
				touch: true,
				controlNav: true,
				prevText: "",
				nextText: "",
				start: function(slider){
					$('body').removeClass('loading');
				},
				after: function(slider) {
					if ($('.archive-masonry-container').size() > 0) {
						$('.archive-masonry-container').isotope('layout');							
					}
				},
			});

		}

		// FLEXSLIDER QUOTE
		if (($('.flexslider-quote').size() > 0) && ($('#hp_tweets').size() === 0)) {

			var canonAnimQuoteSliderSlidershow = (extData.canonOptionsAppearance['anim_quote_slider_slideshow'] == 'checked') ? true : false;

			$('.flexslider-quote').flexslider({
				slideshow: canonAnimQuoteSliderSlidershow,
				slideshowSpeed: parseInt(extData.canonOptionsAppearance['anim_quote_slider_delay']),
				animationSpeed: parseInt(extData.canonOptionsAppearance['anim_quote_slider_anim_duration']),
				animation: "fade",
				smoothHeight: true,
				touch: true,
				directionNav: false,
				start: function(slider){
					$('body').removeClass('loading');
				}
			});	 

		}

	});


/*************************************************************
FANCYBOX INIT
*************************************************************/

	//attach fanybox class to all image links
	jQuery(document).ready(function($) {
		$("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").attr('data-fancybox-group','gallery').addClass('fancybox');
	});

	//init fancybox
	jQuery(document).ready(function($) {

		// default fancybox
		if ($(".fancybox").size() > 0) {
			var canonLightboxColor = extData.canonOptionsAppearance['lightbox_overlay_color'];
			var canonLightboxOpacity = extData.canonOptionsAppearance['lightbox_overlay_opacity'];;

			$(".fancybox").fancybox({

				openEffect	: 'fade',	//fade, elastic, none
				closeEffect	: 'fade',
				openSpeed	: 'normal',	//slow, normal, fast or ms
				closeSpeed	: 'fast',

				helpers : {
			        overlay : {
			            css : {
			                'background' : jQuery.GlobalFunctions.hexOpacityToRgbaString(canonLightboxColor, canonLightboxOpacity)
			            }
			        }
			    }
			});
		}


		// media fancybox - same as fancybox but lets you open media links in lightbox and set a max height of 500px
		if ($(".fancybox-media").size() > 0) {
			var canonLightboxColor = extData.canonOptionsAppearance['lightbox_overlay_color'];
			var canonLightboxOpacity = extData.canonOptionsAppearance['lightbox_overlay_opacity'];;

			$(".fancybox-media").fancybox({

				openEffect	: 'fade',	//fade, elastic, none
				closeEffect	: 'fade',
				openSpeed	: 'normal',	//slow, normal, fast or ms
				closeSpeed	: 'fast',

				helpers : {
			        overlay : {
			            css : {
			                'background' : jQuery.GlobalFunctions.hexOpacityToRgbaString(canonLightboxColor, canonLightboxOpacity)
			            },
			        },
					media : {},
			    },

			    maxHeight: '500',

			});
		}

	});


/*************************************************************
OWL CAROUSEL INIT
*************************************************************/
	
	jQuery(document).ready(function($) {


		if ($(".canon-posts-carousel").size() > 0) {
			
			// for each canon-posts-carousel read settings and init
			$('.canon-posts-carousel').each(function(index){
				var $this = $(this);
				var displayNumPosts = $this.attr('data-display_num_posts');
				var slideSpeed = $this.attr('data-slide_speed');
				var autoPlay = ($this.attr('data-autoplay_speed') === "0") ? false : parseInt($this.attr('data-autoplay_speed'));
				var stopOnHover = ($this.attr('data-stop_on_hover') == 'checked') ? true : false;
				var pagination = ($this.attr('data-hide_pagination') == 'checked') ? false : true;

				// responsive num posts
				var numPostsDesktop = 4;
				var numPostsDesktopSmall = 3;
				var numPostsTablet = 2;
				var numPostsMobile = 1;
				if (displayNumPosts < numPostsDesktop) { numPostsDesktop = displayNumPosts; }
				if (displayNumPosts < numPostsDesktopSmall) { numPostsDesktopSmall = displayNumPosts; }
				if (displayNumPosts < numPostsTablet) { numPostsTablet = displayNumPosts; }
				if (displayNumPosts < numPostsMobile) { numPostsMobile = displayNumPosts; }


				$this.owlCarousel({
					items: parseInt(displayNumPosts),
					slideSpeed: parseInt(slideSpeed),
					autoPlay: autoPlay,
					stopOnHover: stopOnHover,
					addClassActive: true,
					pagination: pagination,
					itemsDesktop: [1199,numPostsDesktop],
					itemsDesktopSmall: [979,numPostsDesktopSmall],
					itemsTablet: [768,numPostsTablet],
					itemsMobile: [479,numPostsMobile],
					// itemsCustom: [[0, 1], [700, 1], [1000, 2], [1200, 3], [1600, 4]],
				});

				// navigation: next
				$this.prev('.customNavigation').find('.next').on('click', function(event) { 
					$this.trigger('owl.next'); 
					owlAutoHeight($this);
				});

				// navigation: prev
				$this.prev('.customNavigation').find('.prev').on('click', function(event) { 
					$this.trigger('owl.prev'); 
					owlAutoHeight($this);
				});

			});

		}

		// owlAutoHeightAll on load re-adjustment
		jQuery(window).load(function($) { owlAutoHeightAll(); });


		function owlAutoHeightAll () {
			$('.canon-posts-carousel').each(function(index){
				var $this = $(this);
				owlAutoHeight($this);
			});
				
		}

		function owlAutoHeight ($this) {

			var $owlWrapperOuter = $this.find('.owl-wrapper-outer');
			var $activeItems = $this.find('.owl-item.active');
			var maxHeight = 0;
			$activeItems.each(function (index) {
				var $thisItem = $(this);
				var height = $thisItem.height();
				if (height > maxHeight) { maxHeight = height; }
				// console.log(height);	
			});
			$owlWrapperOuter.animate({
				height: maxHeight,
			}, 800);	
			// console.log("max: "+maxHeight);	
		}
	});

/*************************************************************
MOSAIC INIT
*************************************************************/


	jQuery(document).ready(function($) {

		$('.circle').mosaic({
			opacity		:	0.8			//Opacity for overlay (0-1)
		});

		$('.fade').mosaic();

		$('.bar').mosaic({
			animation	:	'slide'		//fade or slide
		});

		$('.bar2').mosaic({
			animation	:	'slide'		//fade or slide
		});

		$('.bar3').mosaic({
			animation	:	'slide',	//fade or slide
			anchor_y	:	'top'		//Vertical anchor position
		});

		$('.cover').mosaic({
			animation	:	'slide',	//fade or slide
			hover_x		:	'400px'		//Horizontal position on hover
		});

		$('.cover2').mosaic({
			animation	:	'slide',	//fade or slide
			anchor_y	:	'top',		//Vertical anchor position
			hover_y		:	'80px'		//Vertical position on hover
		});

		$('.cover3').mosaic({
			animation	:	'slide',	//fade or slide
			hover_x		:	'400px',	//Horizontal position on hover
			hover_y		:	'300px'		//Vertical position on hover
		});

	});



/*************************************************************
MINOR PLUGINS INIT
*************************************************************/

	jQuery(document).ready(function($) {

		// FITVIDS
		$(".body-wrapper").fitVids();


		// CLEANTABS
		$('.canon-cleanTabs-container').each(function (index) {
			var $this = $(this);
			$this.cleanTabs({
				"speed": 400
			});

			// CLEANTABS INIT
			$this.find('.tab_content').hide();
			$this.find('.v_active').next('.tab_content').show();

		});


		// SCROLL UP
		$.scrollUp({
		    scrollName: 'scrollUp', // Element ID
		    topDistance: '300', // Distance from top before showing element (px)
		    topSpeed: 300, // Speed back to top (ms)
		    animation: 'fade', // Fade, slide, none
		    animationInSpeed: 200, // Animation in speed (ms)
		    animationOutSpeed: 200, // Animation out speed (ms)
		    scrollText: '', // Text for element
		    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
		  });  

		// EMBED SCROLL PROTECT
		$('.embed-scroll-protect').embedScrollProtect();


		// MEDIAELEMENTPLAYER
		$('audio,video').mediaelementplayer({
			success: function(player, node) {
				$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
			}
			
		});


	});




/*************************************************************
SLIDER NAVIGATION ON HOVER ONLY
*************************************************************/


	jQuery(window).load(function($) {
		$=jQuery;
		
		if ($('.flexslider ul.flex-direction-nav').size() > 0) {

			var $slidesNavArrows = $('.flex-direction-nav');
			var $slidesNavBullets = $('.feature .flex-control-nav.flex-control-paging');
			$slidesNavArrows.hide();
			$slidesNavBullets.hide();

			//on slider hover
			$('.flexslider').hover(function () {
				$slidesNavArrows.fadeIn();
				$slidesNavBullets.fadeIn();
			}, function() {
				$slidesNavArrows.hide();
				$slidesNavBullets.hide();
			});

			//on navigation button hover
			$slidesNavArrows.hover(function () {
				$slidesNavArrows.show();
				$slidesNavBullets.show();
			});

		}


	});





	
/*************************************************************
AJAX MULTIPOST PAGINATION
*************************************************************/


	jQuery(document).ready(function($){

		if ($('.multi_nav_control').size() > 0) {

			// NEXT CLICK
			$('body').on('click', '.multipost_nav_forward', function(e) {
				e.preventDefault();
				var $this = $(this);
				ajaxLoadPostPage($this);
			});

			// PREV CLICK
			$('body').on('click', '.multipost_nav_back', function(e) {
				e.preventDefault();
				var $this = $(this);
				ajaxLoadPostPage($this);
			});

			// DETECT ARROW KEYPRESS
			document.onkeydown = mb_checkKey;

		}


		// DETECT ARROW KEYPRESS FUNCTION
		function mb_checkKey(e) {
		    e = e || window.event;
			// console.log(e.keyCode);		// remember to put focus on window not on console.

		    if (e.keyCode == '39') {
		        $('.multipost_nav_forward').click();
		    }
		    else if (e.keyCode == '37') {
		        $('.multipost_nav_back').click();
		    }
		}
		

		// AJAX
		function ajaxLoadPostPage($this) {
			var newHeightAnimationSpeed = 2300;
			var loadDelay = 500;
			var fadeInSpeed = 1500;
			var link = $this.closest('a').attr('href');
			var link = link + " #content_container > *";
			var $contentContainer = $('#content_container');

			$contentContainer.load(link, function () {
				var $this = $(this);
				$this.wrapInner('<div/>');
				var $innerDiv = $this.find('div').first();
				var $multiContent = $this.find('.multi_content');
				$multiContent.css('opacity',0);

				setTimeout(function() {
					var newHeight = $innerDiv.height();
					// console.log(newHeight);
					$contentContainer.animate({
						height: newHeight
					});
					$multiContent.animate({
						opacity: 1,
					}, fadeInSpeed);
	
				}, loadDelay);

			});


		}

	});





/*************************************************************
CLICKABLE BACKGROUND
*************************************************************/

	jQuery(document).ready(function($){

		if (extData.canonOptions['use_boxed_design'] == "checked") {

			var bgLink = extData.canonOptionsAppearance['bg_link'];

			if (typeof bgLink != "undefined") {
				if (bgLink != "") {
						
					$(document).on('click','body', function(event) {
						if (event.target.nodeName == "BODY") {
							window.open(bgLink, "_blank");
						}
					});
					
				}
			}

		}
	});

/*************************************************************
STICKY HEADER
*************************************************************/

	jQuery(document).ready(function($){

		if ($('.canon_sticky').size() > 0) {

			// add stickyness to these elements
			var stickySelectorClass = ".canon_sticky";
			var $stickyElements = $(stickySelectorClass);
			$stickyElements.each(function(index) {
				$(this).wrap('<div class="sticky_placeholder"></div>');	
			});

			
			// init vars
			var adjustedOffset = 0;
         	var windowPosition = 0;
         	var placeholderOffset = 0;
	        var $win = $(window);

			updateStickyPlaceholderHeights();				// set height of this subject's placeholder
			$win.on('scroll', stickyScrollEvent);

			// UPDATE PLACEHOLDER HEIGHTS ON WINDOW LOAD (TO PROTECT AGAINST LATE ARRIVAL CONTENT)
			$(window).load(function() {
				updateStickyPlaceholderHeights();
			});

         	// ON RESIZE
			$(window).resize(function () {

				// turn off old scroll event to allow for new
				$(window).off('scroll', stickyScrollEvent);

				updateStickyPlaceholderHeights();
				$win.on('scroll', stickyScrollEvent);	

			}); 


		}

		function updateStickyPlaceholderHeights () {

 			$('.canon_sticky').each(function (index) {
				var $stickySubject = $(this);
				var $stickyPlaceholder = $stickySubject.closest('.sticky_placeholder');
				var stickySubjectHeight = $stickySubject.height();

				//maintain height of placeholder
				$stickyPlaceholder.css({
					"display": "block",
					"height": stickySubjectHeight,
				});
			});


		}

		function stickyScrollEvent () {

 			$('.canon_sticky').each(function (index) {
				var $stickySubject = $(this);
		        var $stickyPlaceholder = $stickySubject.closest('.sticky_placeholder');

	        	var originalOffset = getWPAdminBarOffset();

				var placeholderOffset = $stickyPlaceholder.offset().top;
				var adjustedOffset = getAdjustedOffset($stickySubject);
				var startingZIndex = 999;
				var thisZIndex = startingZIndex - index;
				// console.log(thisZIndex);

	     		windowPosition = $win.scrollTop();

	     		// console.log("windowposition+adjustedoffset: " + (windowPosition+adjustedOffset));
	     		// console.log("placeholderOffset: " + placeholderOffset);

	     		// apply stickyness when scrolling past
	     		if (windowPosition+adjustedOffset >= placeholderOffset) {
	     			// console.log("STICKY ON");
					$stickySubject.css({
					    "position": "fixed",
					    "top": adjustedOffset,
					    "z-index": thisZIndex,
					});
					$stickySubject.addClass('canon_stuck');
	     		}

	     		// remove stickyness when scrolling back over
	     		if (windowPosition+adjustedOffset < placeholderOffset) {
	     			// console.log("STICKY OFF");
					$stickySubject.css({
					    "position": "static",
					    "top": "auto",
					    "z-index": thisZIndex,
					});
					$stickySubject.removeClass('canon_stuck');
	     		}

	     		// if turn off in responsive then remove stickyness from all
				var windowWidth = $(window).width();
				var turnOffWidth = extData.canonOptionsFrame['sticky_turn_off_width'];
				// console.log("window width: " + windowWidth);
				// console.log("turn off width: " + turnOffWidth);
	     		if (windowWidth < turnOffWidth) {
	     			// console.log("STICKY OFF");
					$stickySubject.css({
					    "position": "static",
					    "top": "auto",
					    "z-index": thisZIndex,
					});
					$stickySubject.removeClass('canon_stuck');
	     		}

 			});
		}
		
		function getAdjustedOffset ($stickySubject) {
			var index = $('.sticky_placeholder').index($stickySubject.closest('.sticky_placeholder'));
         	var originalOffset = getWPAdminBarOffset();

			var adjustedOffset = originalOffset;
			var $placeholdersAbove = $('.sticky_placeholder').slice(0, index);
			$placeholdersAbove.each(function (index) {
				var $thisPlaceholder = $(this);
				adjustedOffset = adjustedOffset + $thisPlaceholder.height();	
			});
			return adjustedOffset;
		}

		function getWPAdminBarOffset () {

			var offset = 0;
         	var $wpAdminBar = $('#wpadminbar');
         	if ($wpAdminBar.size() > 0) {
	         	var wpAdminBarPosition = $wpAdminBar.css('position');
	         	var wpAdminBarHeight = $wpAdminBar.height();
	         	offset = (wpAdminBarPosition == "fixed") ? wpAdminBarHeight : 0;
         	}
         	return offset;

		}

	/*************************************************************************
	SCROLL TO ANCHOR

	USE: link #example will scroll to the first element with class "example"
	*************************************************************************/

			jQuery(window).load(function($) {
				$=jQuery;

				$('body').on('click', 'a', function (event) {

					var href = $(this).attr('href');
					if (typeof href != "undefined") {
						if (href.indexOf('#') === 0) {
							href = $(this).attr('href').replace('#', '');
							if (href != "") {
								canonScrollToAnchor(href);
							}
						}
					}
						
				});

			});

			function canonScrollToAnchor(href){
				var target = $("."+href);

				if (target.size() > 0) {
					var originalOffset = getWPAdminBarOffset();
					var adjustedOffset = originalOffset;

					// first adjust for header stickies
					var $headerStickies = $('.sticky-header-wrapper .canon_sticky');
					$headerStickies.each(function(index) {
						var $thisSticky = $(this);
						adjustedOffset = adjustedOffset + $thisSticky.height();	
					});

					// next adjust for block stickies
					if (target.hasClass('pb_block')) {
						var $blockClosest = target;	
					} else {
						var $blockClosest = target.closest('.pb_block');	
					}
					var $prevStickyBlocks = $blockClosest.prevAll('.sticky_placeholder');
					$prevStickyBlocks.each(function(index) {
						var $thisSticky = $(this);
						adjustedOffset = adjustedOffset + $thisSticky.height();	
					});

					var scrollToOffset = target.offset().top - adjustedOffset;

					$('html,body').animate({scrollTop: scrollToOffset},'slow');
					
				}
			}



	/*************************************************************
	SEARCH BUTTON
	*************************************************************/

			if ($('.toolbar-search-btn').size() > 0) {

				// SEARCH BUTTON CLICK
				$('body').on('click','.toolbar-search-btn', function (event) {
					event.preventDefault();
					var $searchHeaderContainer = $('.search-header-container');
					var status = $searchHeaderContainer.attr('data-status');

					//update status
					if (status == "closed") {
						$searchHeaderContainer.slideDown();
						$searchHeaderContainer.attr('data-status', 'open');
					} 

					//calculate offset
					var originalOffset = getWPAdminBarOffset();
					var adjustedOffset = originalOffset;

					var $headerStickies = $('.sticky-header-wrapper .canon_sticky');
					$headerStickies.each(function(index) {
						var $thisSticky = $(this);
						adjustedOffset = adjustedOffset + $thisSticky.height();	
					});

					var scrollToOffset = $searchHeaderContainer.offset().top - adjustedOffset;

					//scroll
					$('html,body').animate({
						scrollTop: scrollToOffset
					},'slow',function () {
						$searchHeaderContainer.find('#s').focus();
					});
				});

				// SEARCH CONTROL SEARCH
				$('body').on('click','.search_control_search', function (event) {
					$('.search-header-container #searchform').submit();
				});

				// SEARCH CONTROL CLOSE
				$('body').on('click','.search_control_close', function (event) {
					var $searchHeaderContainer = $('.search-header-container');
					$searchHeaderContainer.slideUp();
					$searchHeaderContainer.attr('data-status', 'closed');
					// $('html,body').animate({scrollTop: 0},'slow');
				});


			}



	});


/*************************************************************
SEARCH AUTOCOMPLETE
*************************************************************/

	jQuery(document).ready(function($){

		if (typeof extDataAutocomplete != "undefined") {

			var autocompleteArray = extDataAutocomplete.autocompleteArray;
			$( ".search-header-container #s" ).autocomplete({ source: autocompleteArray });
			
		}

	});

/*************************************************************
@FONT-FACE FIX
*************************************************************/

	jQuery(window).load(function($){

		if (extData.canonOptions['fontface_fix'] == 'checked') {

			$ = jQuery;
	 		$('body').hide().show();
				
		}
 		
	});

/*************************************************************
LAZY LOAD ANIMATION
*************************************************************/

	jQuery(document).ready(function($){


		// apply data-scroll-reveal attribute
		if (extData.canonOptionsAppearance['lazy_load_on_pagebuilder_elements'] == 'checked') { $('.wpb_content_element').attr('data-scroll-reveal', ''); }
		if (extData.canonOptionsAppearance['lazy_load_on_widgets'] == 'checked') { $('.widget').attr('data-scroll-reveal', ''); }
		if (extData.canonOptionsAppearance['lazy_load_on_archive_posts'] == 'checked') { $('.canon-archive .post').attr('data-scroll-reveal', ''); }


		var config = {
            after: extData.canonOptionsAppearance['lazy_load_after'] + 's',
            enter: extData.canonOptionsAppearance['lazy_load_enter'],
            move: extData.canonOptionsAppearance['lazy_load_move'] +'px',
            over: extData.canonOptionsAppearance['lazy_load_over'] +'s',
            easing: 'ease-in-out',
            viewportFactor: parseInt(extData.canonOptionsAppearance['lazy_load_viewport_factor']),
            reset: false,
            init: true
		};

    	window.scrollReveal = new scrollReveal( config );

	});



/*************************************************************
RATINGS BAR
*************************************************************/


	jQuery(document).ready(function($){

		if ($('.ratings-bar').size() === 0) { return; }

		var $ratingBars = $('.ratings-bar');

		$ratingBars.each(function(index) {
			var $this = $(this);
			var percentage = parseFloat($this.attr('data-ratio')) * 100;
			$this.css('width', percentage + "%");
			// $this.animate({
			// 	width: percentage + "%",
			// }, 2000);
		});

	});



/*************************************************************
USER RATING
*************************************************************/


	jQuery(document).ready(function($){

		// bouncer
		if ($('.star-rating').size() === 0) { return; }

		// set colours
		var ratedColor = extData.canonOptionsAppearance['color_feat_text_1'];
		var hoverColor = 'orange';

		// initial state
		var $starRatingContainers = $('.star-rating');
		$starRatingContainers.each(function(index) {
			var $this = $(this);
			if ($this.attr('class').indexOf('unrated') == -1) {
				var starRating = $this.attr('data-my_rating');
				var $incStars = $this.find('li i').slice(0, starRating);
				$incStars.removeClass('fa-star-o').addClass('fa-star').css('color', ratedColor);
			}
				
		});

		// bounce from here if already rated
		if ($('.star-rating.unrated').size() === 0) { return; }

		var $stars = $('.star-rating.unrated li i');


		// hover effect
		$stars.hover(function (event) {
			var $this = $(this);
			var starRating = $stars.index($this)+1;
			var $incStars = $stars.slice(0, starRating);
			$incStars.removeClass('fa-star-o').addClass('fa-star').css('color', hoverColor);

		}, function (event) {
			$stars.removeClass('fa-star').addClass('fa-star-o').css('color', '#ddd');
		});


		$stars.on('click', function (event) {
			var $this = $(this);
			var $thisStarRatingContainer = $this.closest('.star-rating');
			var starRating = $stars.index($this)+1;
			var $incStars = $stars.slice(0, starRating);
			var postID = $thisStarRatingContainer.attr('data-post_id');
			var nonce = $thisStarRatingContainer.attr('data-nonce');

			$.ajax({
				type: 'post',
				url: extData.ajaxUrl,
				data: {
					action: 'user_rating',
					star_rating: starRating,
					post_id: postID,
					nonce: nonce
				},
				success: function(response) {
					if (response != "") {

						// change class to rated
						$thisStarRatingContainer.removeClass('unrated').addClass('rated');

						// unbind hover event
						$stars.unbind();

						// color stars to user rating
						$incStars.removeClass('fa-star-o').addClass('fa-star').css('color', '#ff6666');

						// recalculate new rating results
						var resultsArray = response.split(',');
						var sum = 0;
						$.each(resultsArray, function (index, value) {
							sum = sum + parseInt(value);	
						});
						var average = Math.round(sum/resultsArray.length * 10) / 10;
						var resultString = average + " (" + resultsArray.length + " votes)";
						$('.star-rating-result').text(resultString);

					}
				}
			}); //end ajax
		});

	});