function showhide(id) {

  var e = document.getElementById(id);

  if(e.style.display == 'block')
    e.style.display = 'none';
  else
    e.style.display = 'block';

  if (e.innerHTML.match("img") == null)
  {
    var colsels = '<div class="swatch">'
    + '<div onclick="changeback(\'' + id + 'pic\', \'174a59\');" class="colsel" style="background: #174a59;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'385817\');" class="colsel" style="background: #385817;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'5b2c53\');" class="colsel" style="background: #5b2c53;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'64bed5\');" class="colsel" style="background: #64bed5;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'b5cd8a\');" class="colsel" style="background: #b5cd8a;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'d2a3ca\');" class="colsel" style="background: #d2a3ca;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'010101\');" class="colsel" style="background: #010101;"></div>'
    + '<div onclick="changeback(\'' + id + 'pic\', \'fffffe\');" class="colsel" style="background: #fffffe;"></div>'
    + '</div>';

    e.innerHTML = colsels + '<img src="./tilesets/default/Tileset' + id.substring(2) + '.png" class="tileset" id="' + id + 'pic" />';
  }
//  else alert(e.innerHTML.length);
}

function showhideAll(test) {
  var hide = false;

  for (var i=0; i<256; i++)
  {
    if (document.getElementById('ts'+i).style.display == 'block')
      hide = true;
  }
  
  if (hide)
  {
    for (i=0; i<256; i++)
    {
      document.getElementById('ts'+i).style.display = 'none';
    }
  }
  else
  {
    for (i=0; i<256; i++)
    {
      showhide('ts'+i);
    }
  }
}


function changeback(id, colour) {
  document.getElementById(id).style.backgroundColor = '#' + colour;
}


function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\\\s)'+searchClass+'(\\\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}