ResultsRefinementsSizeGridBehavior = {
	_Go : function(eventElement) {
		// if a size is selected already, then visit the expando url
		if(this.selectedSizeLink) {
			window.location.href = this.selectedSizeLink.readAttribute('sizeUrl');
		}
	},

	_SelectASize : function(eventElement) {
		if(eventElement.target.hasClassName('active')) {
			// unselect the currently selected size
			$$('.sizeLink').each(
				function(sizeLink) {
					sizeLink.removeClassName('selected');
				}
			);
			
			// selected the clicked size
			eventElement.target.addClassName('selected');
			
			// save the size internally
			this.selectedSizeLink = $(eventElement.target);
		}
	},
	
	initialize : function() {
		this.Go = this._Go.bind(this);
		this.SelectASize = this._SelectASize.bind(this);
		this.selectedSizeLink = null;
	}
};

ResultsRefinementsSizeGridBehavior.initialize.bind(ResultsRefinementsSizeGridBehavior)();
$$('.sizeLink').each(
	function(sizeLink) {
		Event.observe(sizeLink, 'click', ResultsRefinementsSizeGridBehavior.SelectASize);
	}
);
Event.observe($$('.selectGo').first(), 'click', ResultsRefinementsSizeGridBehavior.Go);