window.addEvent('domready', function() {
	var metricspan = $$('span.metric');
	var standardspan = $$('span.standard');
	var viewstandard = $$('span.viewstandard');
	var viewmetric = $$('span.viewmetric');
	metricspan.setStyle('display', 'none');
	viewstandard.setStyle('color', '#000');
	viewmetric.setStyle('color', '#3c49f3');
	viewstandard.setStyle('cursor', 'pointer');
	viewmetric.setStyle('cursor', 'pointer');
	viewstandard.addEvent('click', function(event){
		viewmetric.setStyle('color', '#3c49f3');
		viewstandard.setStyle('color', '#000');
		standardspan.setStyle('display', 'block');
		metricspan.setStyle('display', 'none');
	});
	viewmetric.addEvent('click', function(event){
		viewmetric.setStyle('color', '#000');
		viewstandard.setStyle('color', '#3c49f3');
		metricspan.setStyle('display', 'block');
		standardspan.setStyle('display', 'none');
	});
	
	var myFx = new Fx.Scroll('productlistviewer',{link:'cancel',duration:'normal',transistion:'elastic:out'});
	var subs = $$('li.sub_categories a');
	subs.addEvent('click', function(e){
		new Event(e).stop();
		var target = this.href;
		var target = target.split("#");
		var table = target[1].split("_");
		var table_name = table[0];
		var table_number = table[1];
		var table_height = $(table_name).getStyle('height').replace('px','');
		table_height = Number(table_height) + 30;
		table_height = table_height + "px";
		if (table_name == 'all') {
			var slideto = 0;
		} else {
			var slideto = table_number * 605;
		}
		myFx.start(slideto,0);
		$$('li.sub_categories a').removeClass('here')
		this.addClass('here');
		$('productlistviewer').setStyle('height', table_height);
	});
});