// JavaScript Document
var defaultTag = 'tag1', defaultContent = 'content1';
if(!$) {
	var $ = function(s)
	{
		return document.getElementById(s);
	}
}

function switchTag(tag, content, focus)
{
	var a = $(tag).getElementsByTagName('A')[0],
	    span = $(tag).getElementsByTagName('SPAN')[0],
		c = $(content);
	if(a.className == '')
	{
		switchTag(defaultTag, defaultContent, 1);
		a.className = 'selectli1';
		span.className = 'selectspan1';
		c.className = '';
		defaultTag = tag;
		defaultContent = content;
	} else
	{
		if(focus)
		{
			a.className = '';
			span.className = '';
			c.className = 'hidecontent';
		}
	}
}

function switchTags(tag,content)
{
 for(i=1; i <6; i++)
 {
  if ("tag"+i == tag)
  {
   document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;
   document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;
  }else{
   document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
   document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";
  }
  if (i < 5) {
    if (content == "content1" && i == 4) {
      document.getElementById("content"+i).className="";
    } else if (content == "content" + i && i != 1) {
      document.getElementById("content"+(i-1)).className="";
    } else {
      document.getElementById("content"+i).className="hidecontent";
    }
  }
 }
}