// Validate any forms
jQuery(document).ready(function($){
    $('form.validate').validate();
});


// Category Grid Listing
jQuery(document).ready(function($) {
	if ($('#grid_category_list').size() < 1) { return; }
	//$('#grid_category_list span.thumb').equalHeights();
	//$('#grid_category_list div.category').equalHeights();
	
	$('#grid_category_list span.thumb').equalHeights();
	$('#grid_category_list div.category').equalHeights();
//	$(".columns").equalHeights(100,300);
	
});


// Product Display: Grid
jQuery(document).ready(function($) {
	if ($('.product_grid').size() < 1) { return; }
	$('.product_grid span.image').equalHeights();
	$('.product_grid span.text').equalHeights();
});

// Related Products
jQuery(document).ready(function($) {
	if ($('.RelatedProducts').size() < 1) { return; }
	$('.RelatedProducts .product_related h4').equalHeights();
	$('.RelatedProducts .product_related p.img').equalHeights();
//	$('.RelatedProducts .product_related p.price').equalHeights();
	$('.RelatedProducts .product_related').equalHeights();
});


// Checkout Form
jQuery(document).ready(function($) {
	if ($('form.CheckOut').size() < 1) { return; }
	
	// Hide or Show delivery address block
	$('#BillingAddressDelivery').change(function(e) {
		$('#toggle_delivery_address').slideToggle('fast');
	});
	
	// Which payment form to show
	$('div.paymentblock').hide();
	$('#paymentform_'+$('#sel_paymentform').val()).slideDown('fast');
	// Change form display on select-change
	$('#sel_paymentform').change(function(e) {
		selected = $('#sel_paymentform').val();
		$('div.paymentblock').hide();
		$('#paymentform_'+selected).slideDown('fast');
	});
});






/**
 * Equal Heights Plugin
 * Equalize the heights of elements. Great for columns or any elements
 * that need to be the same size (floats, etc).
 * 
 * Version 1.0
 * Updated 12/10/2008
 *
 * Copyright (c) 2008 Rob Glazebrook (cssnewbie.com) 
 *
 * Usage: $(object).equalHeights([minHeight], [maxHeight]);
 * 
 * Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
 * Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
 * Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
 * than 300 pixels tall. Elements with too much content will gain a scrollbar.
 * 
 */

(function($) {
	$.fn.equalHeights = function(minHeight, maxHeight) {
		tallest = (minHeight) ? minHeight : 0;
		this.each(function() {
			if($(this).height() > tallest) {
				tallest = $(this).height();
			}
		});
		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
		return this.each(function() {
			$(this).height(tallest).css("overflow","auto");
		});
	}
})(jQuery);