DsProductView = function() {
	return {
		init: function() {
			Ext.get(document).on('keydown', this.docKeyDown, this);
			this.updateRingSizeUnit();
		},
		docKeyDown: function(e) {
			var targetTag = e.getTarget().tagName;
			if (targetTag == 'INPUT' || targetTag == 'TEXTAREA') return;
			var url;
			if (e.getKey() == e.LEFT) {
				url = ProductPrevNext.prev_product_url;
			} else if (e.getKey() == e.RIGHT) {
				url = ProductPrevNext.next_product_url;
			} else {
				url = false;
			}
			if (!url) return;
			document.location.href = url;
		},
		updateRingSizeUnit: function() {
			var e = document.getElementById('ring_unit_select');
			if (e == null) return;
			var els = document.getElementById('ring_size_container').children;
			for (var i=0; i<els.length; i++){
				var el = els.item(i);
				if (el.getAttribute('to_parse') == 'true') el.style.display = 'none';
			}
			var el = document.getElementById('ring_size_'+e.value);
			el.style.display = 'inline';
		},
		getRingSize: function() {
			var unit = document.getElementById('ring_unit_select');
			if (unit == null) return;
			var size = document.getElementById('ring_size_' + unit.value);
			if (size) return ('&ringsize=' + size.value);
			else return null;
		}
	}
}();
Ext.onReady(DsProductView.init, DsProductView);