/*global wc_single_product_params, PhotoSwipe, PhotoSwipeUI_Default */
jQuery( function( $ ) {

	$( 'body' )
		// Star ratings for comments
		.on( 'alanah_init', '#rating', function() {
			
			$( '#rating' )
				.hide()
				.prev( '.stars' )
				.html( '<span>\
							<a class="star-1" data-val="1" href="#"><i class="fas fa-star"></i></a>\
							<a class="star-2" data-val="2" href="#"><i class="fas fa-star"></i></a>\
							<a class="star-3" data-val="3" href="#"><i class="fas fa-star"></i></a>\
							<a class="star-4" data-val="4" href="#"><i class="fas fa-star"></i></a>\
							<a class="star-5" data-val="5" href="#"><i class="fas fa-star"></i></a>\
						</span>'
				);
		} )
		.on( 'mouseover', '#respond p.stars a', function() {
			var $star   	= $( this );
			$star.prevAll().addBack().css( 'color', '#EE9D16' );
		} )
		.on( 'mouseleave', '#respond p.stars a', function() {
			var $star   	= $( this );
			$star.prevAll().addBack().css( 'color', '' );
			$star.prevAll().addBack().removeAttr( 'style' );
		} )
		.on( 'click', '#respond p.stars a', function() {
			var $star   	= $( this ),
				$rating 	= $( this ).closest( '#respond' ).find( '#rating' ),
				$container 	= $( this ).closest( '.stars' );

			$rating.val( $star.data( 'val' ) );
			$star.siblings( 'a' ).removeClass( 'active' );
			$star.siblings( 'a' ).removeClass( 'rate' );
			$star.addClass( 'active' );
			$star.prevAll().addBack().addClass( 'rate' );
			$container.addClass( 'selected' );

			return false;
		} );
		

	// Init Tabs and Star Ratings
	$( '#rating' ).trigger( 'alanah_init' );
	
} );