// JavaScript Document

function hideElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
	if(re.test(els[i].className))a.push(els[i]);
	for(var i=0; i<a.length; i++){
		//alert('elements = ' + a[i].id);
		a[i].className = classname + ' hide';
	}
	return a;
}

function showElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
	if(re.test(els[i].className))a.push(els[i]);
	for(var i=0; i<a.length; i++){
		//alert('elements = ' + a[i].id);
		a[i].className = classname;
	}
	return a;
}

function header_state(colour){
	document.getElementById('bronze_link').className = 'bronze_link_' + colour;
	document.getElementById('silver_link').className = 'silver_link_' + colour;
	document.getElementById('gold_link').className = 'gold_link_' + colour;
	document.getElementById('category_header').innerHTML = '<div class="cat_' + colour + '"><span class="hide">Category</span></div>';
	// <span class="hide">Category</span>
}

function gsb(colour){
	//alert('selected = ' + colour);
	header_state(colour);
	switch(colour)
	{
	case 'gold':
		showElementsByClassName(colour);
		hideElementsByClassName('silver');
		hideElementsByClassName('bronze');
	break;
	case 'silver':
		hideElementsByClassName('gold');
		showElementsByClassName(colour);
		hideElementsByClassName('bronze');
	break;
	case 'bronze':
		hideElementsByClassName('gold');
		hideElementsByClassName('silver');
		showElementsByClassName(colour);
	break;
	}
}