var Dimensions = {
	selected: {},
	chageSize: function(category_id, size_abbr) {
		var class_name = category_id + '_' + size_abbr;
		var unit = Dimensions.getSelectedUnit(category_id);
		$('.size_chart_' + category_id + ' span.size_chart, .size_heading_' + category_id + ' span.size_name').hide().filter('.' + class_name).show();
	},

	changeUnit: function(category_id) {
		var unit_change = $('#unit_change_' + category_id);
		var unit = $('#unit_' + category_id);
		// var size_abbr = this.getSelectedSize(category_id).firstChild.data;

		var old_unit = unit.text();
		var new_unit = old_unit == 'centimeters' ? 'inches' : 'centimeters';

		unit_change.text(old_unit);
		unit.text(new_unit);

		$('.size_chart_' + category_id + ' span.measure').hide().filter('.' + new_unit).show();
	},

	getSelectedSize: function(category_id) {
		return $('#sizes_' + category_id + ' li.size:visible');
	},

	getSelectedUnit: function(category_id) {
		return $('#unit_' + category_id).text();
	}
};

$(function() {
	$('ul.sizes > li').click(function(e) {
		 Dimensions.chageSize(this.id.split('_')[1], this.title);
	});

	$('.changeunit').click(function(e) {
		Dimensions.changeUnit(this.id.split('_')[1]);
	});

});