// JavaScript Document

function switchImage(imgName, imgSrc) 
{
  if (document.images)
  {
    if (imgSrc != "none")
    {
      document.images[imgName].src = imgSrc;
    }
  }
}

function showSpan(id)
{
	document.getElementById('span').style.display = 'none';
	for(i=0; i<6; i++)
	{
		var currId = 'span'+(i+2);
		var currDivId = 'spanDiv'+(i+2);
		var currClassName = 'inactive'+(i+2);
		document.getElementById(currId).style.display = 'none';
		document.getElementById(currDivId).className = currClassName;
	}
	var currentDivId = 'spanDiv'+id;
	var currentClassName = 'active'+id;
	document.getElementById(currentDivId).className = currentClassName;
	//document.getElementById(currentDivId).fontWeight = 'bold';
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	var id1 = 'span'+id;
	document.getElementById(id1).style.display = 'block';
	originalSizeLeft = '656px';
	
	
	document.getElementById('col-left').style.paddingTop = 5+'px';
	document.getElementById('col-right').style.paddingTop = 5+'px';
	document.getElementById('content-left').style.height = '656px';
	
//	originalSize = originalSizeRight + parseInt(document.getElementById(id1).offsetHeight);
	
	//resise();
	
}

function showCurrentSpan(id, id1)
{
	document.getElementById(id).style.display = 'block';
	var spanId = id+'Span';
	document.getElementById(spanId).className = "active";
	document.getElementById(spanId).setAttribute('class', "active");
	document.getElementById(id1).style.display = 'none';
	var spanId1 = id1+'Span';
	document.getElementById(spanId1).className = "inactive";
	document.getElementById(spanId1).setAttribute('class', "inactive");
}