woocommerce/assets/js/woocommerce.js

jQuery(document).ready(function($) {
	
	if (woocommerce_params.option_ajax_add_to_cart=='yes') {
	
		// Ajax add to cart
		$('.add_to_cart_button').live('click', function() {
			
			// AJAX add to cart request
			var thisbutton = $(this);
			
			if (thisbutton.is('.product_type_simple, .product_type_downloadable, .product_type_virtual')) {
		
				$(thisbutton).addClass('loading');
				
				var data = {
					action: 		'woocommerce_add_to_cart',
					product_id: 	$(thisbutton).attr('rel'),
					security: 		woocommerce_params.add_to_cart_nonce
				};
				
				// Trigger event
				$('body').trigger('adding_to_cart');
				
				// Ajax action
				$.post( woocommerce_params.ajax_url, data, function(response) {
					
					$(thisbutton).removeClass('loading');
	
					// Get response
					data = $.parseJSON( response );
					
					if (data.error) {
						alert(data.error);
						return;
					}
					
					fragments = data;
	
					// Block fragments class
					if (fragments) {
						$.each(fragments, function(key, value) {
							$(key).addClass('updating');
						});
					}
					
					// Block widgets and fragments
					$('.widget_shopping_cart, .shop_table.cart, .updating, .cart_totals').fadeTo('400', '0.6').block({message: null, overlayCSS: {background: 'transparent url(' + woocommerce_params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
					
					// Changes button classes
					$(thisbutton).addClass('added');
	
					// Cart widget load
					if ($('.widget_shopping_cart').size()>0) {
						$('.widget_shopping_cart:eq(0)').load( window.location + ' .widget_shopping_cart:eq(0) > *', function() {
							
							// Replace fragments
							if (fragments) {
								$.each(fragments, function(key, value) {
									$(key).replaceWith(value);
								});
							}
							
							// Unblock
							$('.widget_shopping_cart, .updating').css('opacity', '1').unblock();
						} );
					} else {
						// Replace fragments
						if (fragments) {
							$.each(fragments, function(key, value) {
								$(key).replaceWith(value);
							});
						}
						
						// Unblock
						$('.widget_shopping_cart, .updating').css('opacity', '1').unblock();
					}
					
					// Cart page elements
					$('.shop_table.cart').load( window.location + ' .shop_table.cart:eq(0) > *', function() {
						
						$("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").addClass('buttons_added').append('<input type="button" value="+" id="add1" class="plus" />').prepend('<input type="button" value="-" id="minus1" class="minus" />');
						
						$('.shop_table.cart').css('opacity', '1').unblock();
						
					});
					
					$('.cart_totals').load( window.location + ' .cart_totals:eq(0) > *', function() {
						$('.cart_totals').css('opacity', '1').unblock();
					});
					
					// Trigger event so themes can refresh other areas
					$('body').trigger('added_to_cart');
			
				});
				
				return false;
			
			} else {
				return true;
			}
			
		});
	
	}
	
	// Orderby
	$('select.orderby').change(function(){
		$(this).closest('form').submit();
	});
	
	// Star ratings
	$('#rating').hide().before('<p class="stars"><span><a class="star-1" href="#">1</a><a class="star-2" href="#">2</a><a class="star-3" href="#">3</a><a class="star-4" href="#">4</a><a class="star-5" href="#">5</a></span></p>');
	
	$('p.stars a').click(function(){
		var star = $(this);
		$('#rating').val( star.text() );
		$('p.stars a').removeClass('active');
		star.addClass('active');
		return false;
	});

	// Price slider
	var min_price = $('.price_slider_amount #min_price').val();
	var max_price = $('.price_slider_amount #max_price').val();
	
	current_min_price = parseInt(min_price);
	current_max_price = parseInt(max_price);
	
	if (woocommerce_params.min_price) current_min_price = parseInt(woocommerce_params.min_price);
	if (woocommerce_params.max_price) current_max_price = parseInt(woocommerce_params.max_price);
	
	$('.price_slider').slider({
		range: true,
		animate: true,
		min: min_price,
		max: max_price,
		values: [current_min_price,current_max_price],
		create : function( event, ui ) {

			if (woocommerce_params.currency_pos == "left"){
				$( ".price_slider_amount span" ).html( woocommerce_params.currency_symbol + current_min_price + " - " + woocommerce_params.currency_symbol + current_max_price );
			} else if (woocommerce_params.currency_pos == "left_space") {
				$( ".price_slider_amount span" ).html( woocommerce_params.currency_symbol + " " + current_min_price + " - " + woocommerce_params.currency_symbol + " " + current_max_price );
			} else if (woocommerce_params.currency_pos == "right") {
				$( ".price_slider_amount span" ).html( current_min_price + woocommerce_params.currency_symbol + " - " + current_max_price + woocommerce_params.currency_symbol );
			} else if (woocommerce_params.currency_pos == "right_space") {
				$( ".price_slider_amount span" ).html( current_min_price + " " + woocommerce_params.currency_symbol + " - " + current_max_price + " " + woocommerce_params.currency_symbol );
			}
			
			$( ".price_slider_amount #min_price" ).val(current_min_price);
			$( ".price_slider_amount #max_price" ).val(current_max_price);
		},
		slide: function( event, ui ) {
			
			if (woocommerce_params.currency_pos == "left"){
				$( ".price_slider_amount span" ).html( woocommerce_params.currency_symbol + ui.values[ 0 ] + " - " + woocommerce_params.currency_symbol + ui.values[ 1 ] );
			} else if (woocommerce_params.currency_pos == "left_space") {
				$( ".price_slider_amount span" ).html( woocommerce_params.currency_symbol + " " + ui.values[ 0 ] + " - " + woocommerce_params.currency_symbol + " " + ui.values[ 1 ] );
			} else if (woocommerce_params.currency_pos == "right") {
				$( ".price_slider_amount span" ).html( ui.values[ 0 ] + woocommerce_params.currency_symbol + " - " + ui.values[ 1 ] + woocommerce_params.currency_symbol );
			} else if (woocommerce_params.currency_pos == "right_space") {
				$( ".price_slider_amount span" ).html( ui.values[ 0 ] + " " + woocommerce_params.currency_symbol + " - " + ui.values[ 1 ] + " " + woocommerce_params.currency_symbol );
			}
			$( "input#min_price" ).val(ui.values[ 0 ]);
			$( "input#max_price" ).val(ui.values[ 1 ]);
		}
	});
			
	// Quantity buttons
	$("div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)").addClass('buttons_added').append('<input type="button" value="+" id="add1" class="plus" />').prepend('<input type="button" value="-" id="minus1" class="minus" />');
	
	$(".plus").live('click', function() {
	    var currentVal = parseInt($(this).prev(".qty").val());
	    if (!currentVal || currentVal=="" || currentVal == "NaN") currentVal = 0;
	    $(this).prev(".qty").val(currentVal + 1); 
	});
	
	$(".minus").live('click', function() {
	    var currentVal = parseInt($(this).next(".qty").val());
	    if (!currentVal || currentVal=="" || currentVal == "NaN") currentVal = 1;
	    if (currentVal > 0)  $(this).next(".qty").val(currentVal - 1);
	});
	
	/* states */
	var states_json = woocommerce_params.countries.replace(/&quot;/g, '"');
	var states = $.parseJSON( states_json );			
	
	$('select.country_to_state').change(function(){
		
		var country = $(this).val();
		var state_box = $('#' + $(this).attr('rel'));
		
		var input_name = $(state_box).attr('name');
		var input_id = $(state_box).attr('id');
		
		var value = $(state_box).val();

		if (states[country]) {
			var options = '';
			var state = states[country];
			for(var index in state) {
				options = options + '<option value="' + index + '">' + state[index] + '</option>';
			}
			if ($(state_box).is('input')) {
				// Change for select
				$(state_box).replaceWith('<select name="' + input_name + '" id="' + input_id + '"><option value="">' + woocommerce_params.select_state_text + '</option></select>');
				state_box = $('#' + $(this).attr('rel'));
			}
			$(state_box).html(options);
			
			$(state_box).val(value);
		} else {
			if ($(state_box).is('select')) {
				$(state_box).replaceWith('<input type="text" placeholder="' + woocommerce_params.state_text + '" name="' + input_name + '" id="' + input_id + '" />');
				state_box = $('#' + $(this).attr('rel'));
			}
		}
		
	}).change();
	
	/* Tabs */
	$('div.woocommerce_tabs .panel').hide();
	$('div.woocommerce_tabs ul.tabs li a').click(function(){
		
		var tab = $(this);
		var tabs_wrapper = tab.closest('div.woocommerce_tabs');
		
		$('ul.tabs li', tabs_wrapper).removeClass('active');
		$('div.panel', tabs_wrapper).hide();
		$('div' + tab.attr('href')).show();
		tab.parent().addClass('active');
		
		return false;	
	});
	$('div.woocommerce_tabs').each(function() {
		var hash = window.location.hash;
		if (hash.toLowerCase().indexOf("comment-") >= 0) {
			$('ul.tabs li.reviews_tab a', $(this)).click();
		} else {
			$('ul.tabs li:first a', $(this)).click();
		}
	});
	
	/* Shipping calculator */
	$('.shipping-calculator-form').hide();
	
	$('.shipping-calculator-button').click(function() {
		$('.shipping-calculator-form').slideToggle('slow');
		return false;
	}); 
	
	// Variations
	
	//check if two arrays of attributes match
    function variations_match(attrs1, attrs2) {        
        var match = true;
        for (name in attrs1) {
            var val1 = attrs1[name];
            var val2 = attrs2[name];
            
            if(val1.length != 0 && val2.length != 0 && val1 != val2) {
                match = false;
            }
        }
        
        return match;
    }
    
    //search for matching variations for given set of attributes
    function find_matching_variations(settings) {
        var matching = [];
        
        for (var i = 0; i < product_variations.length; i++) {
        	var variation = product_variations[i];
        	var variation_id = variation.variation_id;
        	
			if(variations_match(variation.attributes, settings)) {
                matching.push(variation);
            }
        }
        return matching;
    }
    
    //disable option fields that are unavaiable for current set of attributes
    function update_variation_values(variations) {
        
        // Loop through selects and disable/enable options based on selections
        $('.variations select').each(function( index, el ){
        	
        	current_attr_select = $(el);
        	
        	// Disable all
        	current_attr_select.find('option:gt(0)').attr('disabled', 'disabled');
        	
        	// Get name
	        var current_attr_name 	= current_attr_select.attr('name');
	        
	        // Loop through variations
	        for(num in variations) {
	            var attributes = variations[num].attributes;
	            
	            for(attr_name in attributes) {
	                var attr_val = attributes[attr_name];
	                
	                if(attr_name == current_attr_name) {
	                    if (attr_val) {
	                    	current_attr_select.find('option[value="'+attr_val+'"]').removeAttr('disabled');
	                    } else {
	                    	current_attr_select.find('option').removeAttr('disabled');
	                    }
	                }
	            }
	        }
        	
        });
        
    }
    
    //show single variation details (price, stock, image)
    function show_variation(variation) {
        var img = $('div.images img:eq(0)');
        var link = $('div.images a.zoom:eq(0)');
        var o_src = $(img).attr('original-src');
        var o_link = $(link).attr('original-href');

        var variation_image = variation.image_src;
        var variation_link = variation.image_link;
		
		$('.variations_button').show();
        $('.single_variation').html( variation.price_html + variation.availability_html );

        if (!o_src) {
            $(img).attr('original-src', $(img).attr('src'));
        }

        if (!o_link) {
            $(link).attr('original-href', $(link).attr('href'));
        }

        if (variation_image && variation_image.length > 1) {	
            $(img).attr('src', variation_image);
            $(link).attr('href', variation_link);
        } else {
            $(img).attr('src', o_src);
            $(link).attr('href', o_link);
        }

        $('.single_variation_wrap').slideDown('200');
    }
	
	//when one of attributes is changed - check everything to show only valid options
    function check_variations( exclude ) {
		var all_set = true;
		var current_settings = {};
        
		$('.variations select').each(function(){
			
			if ( exclude && $(this).attr('name') == exclude ) {
				
				all_set = false;
				current_settings[$(this).attr('name')] = '';
				
			} else {
				if ($(this).val().length == 0) all_set = false;

	            // Get value
	            value = $(this).val();
	            value = value.replace('"', '&quot;');
				
				// Add to settings array
				current_settings[$(this).attr('name')] = value;
			}
				
		});
        
        var matching_variations = find_matching_variations(current_settings);
        
        if(all_set) {
        	var variation = matching_variations.pop();
        	if (variation) {
            	$('form input[name=variation_id]').val(variation.variation_id);
            	show_variation(variation);
            } else {
            	// Nothing found - reset fields
            	$('.variations select').val('');
            }
        } else {
            update_variation_values(matching_variations);
        }
    }

	$('.variations select').change(function(){
		
		$('form input[name=variation_id]').val('');
        $('.single_variation_wrap').hide();
        $('.single_variation').text('');
		check_variations();
		$(this).blur();
		if( $().uniform && $.isFunction($.uniform.update) ) {
			$.uniform.update();
		}
		
	}).focus(function(){
		
		check_variations( $(this).attr('name') );

	}).change();
	
	if (woocommerce_params.is_cart==1) {
	
		$('select#shipping_method').live('change', function() {
			
			var method = $('#shipping_method').val();
			
			$('div.cart_totals').block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
			
			var data = {
				action: 			'woocommerce_update_shipping_method',
				security: 			woocommerce_params.update_shipping_method_nonce,
				shipping_method: 	method
			};
				
			$.post( woocommerce_params.ajax_url, data, function(response) {
				
				$('div.cart_totals').replaceWith( response );
							
			});
			
		});
	
	}
	
	if (woocommerce_params.is_checkout==1 || woocommerce_params.is_pay_page==1) {
	
		var updateTimer;
		var xhr;
		
		function update_checkout() {
		
			if (xhr) xhr.abort();
		
			var method = $('#shipping_method').val();
			var country 	= $('#billing_country').val();
			var state 		= $('#billing_state').val();
			var postcode 	= $('input#billing_postcode').val();
				
			if ($('#shiptobilling input').is(':checked') || $('#shiptobilling input').size()==0) {
				var s_country 	= $('#billing_country').val();
				var s_state 	= $('#billing_state').val();
				var s_postcode 	= $('input#billing_postcode').val();
				
			} else {
				var s_country 	= $('#shipping_country').val();
				var s_state 	= $('#shipping_state').val();
				var s_postcode 	= $('input#shipping_postcode').val();
			}
			
			$('#order_methods, #order_review').block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
			
			var data = {
				action: 			'woocommerce_update_order_review',
				security: 			woocommerce_params.update_order_review_nonce,
				shipping_method: 	method, 
				country: 			country, 
				state: 				state, 
				postcode: 			postcode, 
				s_country: 			s_country, 
				s_state: 			s_state, 
				s_postcode: 		s_postcode,
				post_data:			$('form.checkout').serialize()
			};
			
			xhr = $.ajax({
				type: 		'POST',
				url: 		woocommerce_params.ajax_url,
				data: 		data,
				success: 	function( response ) {
					$('#order_methods, #order_review').remove();
					$('#order_review_heading').after(response);
					$('#order_review input[name=payment_method]:checked').click();
				}
			});
		
		}
			
		$(function(){
			
			$('p.password').hide();
			
			$('input.show_password').change(function(){
				$('p.password').slideToggle();
			});
			
			$('div.shipping_address').hide();
			
			$('#shiptobilling input').change(function(){
				$('div.shipping_address').hide();
				if (!$(this).is(':checked')) {
					$('div.shipping_address').slideDown();
				}
			}).change();
			
			if (woocommerce_params.option_guest_checkout=='yes') {
				
				$('div.create-account').hide();
				
				$('input#createaccount').change(function(){
					$('div.create-account').hide();
					if ($(this).is(':checked')) {
						$('div.create-account').slideDown();
					}
				}).change();
			
			}
			
			$('.payment_methods input.input-radio').live('click', function(){
				$('div.payment_box').hide();
				if ($(this).is(':checked')) {
					$('div.payment_box.' + $(this).attr('ID')).slideDown();
				}
			});
			
			$('#order_review input[name=payment_method]:checked').click();
			
			$('form.login').hide();
			
			$('a.showlogin').click(function(){
				$('form.login').slideToggle();
				return false;
			});
			
			/* Update totals */
			$('#shipping_method').live('change', function(){
				clearTimeout(updateTimer);
				update_checkout();
			});
			$('input#billing_country, input#billing_state, #billing_postcode, input#shipping_country, input#shipping_state, #shipping_postcode').live('keydown', function(){
				clearTimeout(updateTimer);
				updateTimer = setTimeout("update_checkout()", '1000');
			});
			$('select#billing_country, select#billing_state, select#shipping_country, select#shipping_state, #shiptobilling input, .update_totals_on_change').live('change', function(){
				clearTimeout(updateTimer);
				update_checkout();
			});
			
			// Update on page load
			if (woocommerce_params.is_checkout==1) update_checkout();
			
			/* AJAX Form Submission */
			$('form.checkout').submit(function(){
				var form = this;
				$(form).block({message: null, overlayCSS: {background: '#fff url(' + woocommerce_params.plugin_url + '/assets/images/ajax-loader.gif) no-repeat center', opacity: 0.6}});
				$.ajax({
					type: 		'POST',
					url: 		woocommerce_params.checkout_url,
					data: 		$(form).serialize(),
					success: 	function( code ) {
						$('.woocommerce_error, .woocommerce_message').remove();
							try {
								success = $.parseJSON( code );					
								window.location = decodeURI(success.redirect);
							}
							catch(err) {
							  	$(form).prepend( code );
								$(form).unblock(); 
								
								$('html, body').animate({
								    scrollTop: ($('form.checkout').offset().top - 100)
								}, 1000);
							}
						},
					dataType: 	"html"
				});
				return false;
			});
		
		});
	}

});