var tabs    = 1;
var tracks  = 1;
var lessons = 1;
var artists = 1;
var tones   = 1;

function toggleResults(content, name) {
	var results = content+'_results';
	var header  = content+'_header';
	toggleLayer(results);
	toggleHeader(content, header, name);
}

function initFocus(name) {
	tabs    = 0;
	tracks  = 0;
	lessons = 0;
	artists = 0;
	tones   = 0;

	switch (name) {
		case 'tabs':
			tabs = 1;
			break;
		case 'tracks':
			tracks = 1;
			break;
		case 'lessons':
			lessons = 1;
			break;
		case 'artists':
			artists = 1;
			break;
		case 'tones':
			tones = 1;
			break;
		default:
			break;
	}
}

function toggleHeader(content, header, name) {
	elem = get_element(header);

	if (eval(content)==1) {
		eval(content +" = 0");
		elem.innerHTML = '<img src="/images/general/open.gif"><h1>'+name+'</h1>';
	} else {
		eval(content +" = 1");
		elem.innerHTML = '<img src="/images/general/close.gif"><h1>'+name+'</h1>';
	}
}

function toggleLayer( whichLayer ) {
  var elem, vis;
  elem = get_element(whichLayer);
  vis  = elem.style;

  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
	vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

function get_element(element) {
	var elem;
	if( document.getElementById ) // this is the way the standards work
		elem = document.getElementById( element );
	else if( document.all ) // this is the way old msie versions work
		elem = document.all[element];
	else if( document.layers ) // this is the way nn4 works
		elem = document.layers[element];
	return elem;
}