var FirstAlphabet;
var previousDivName;
var previousAlphabet;
var prevDivName="div11";
var prevYear="";
var count=0;
var counter=0;

function onLoad (divAlpha, alpha)
{
	FirstAlphabet = document.getElementById(divAlpha).value;
	previousAlphabet = document.getElementById(alpha).value;
	var obj = document.getElementsByTagName("div");
	if (obj[FirstAlphabet].style.display == 'none')
	{
		obj[FirstAlphabet].style.visibility = 'visible';
		obj[FirstAlphabet].style.display = 'block';
		document.getElementById(alpha).classname = 'active';
	}	
}	
	


function showcontent(id)
{	
	counter=counter+1;
	if(counter==1)
	{
		document.getElementById(id).className = "active";
		var testdiv = document.getElementById("div"+id);
		var obj = document.getElementsByTagName("div");
		//if (obj["div"+id].style.display == 'none')
		if (testdiv.style.display == 'none')
		{
			testdiv.style.visibility = 'visible';
			testdiv.style.display = 'block';
		}
		
		Hidecontent(FirstAlphabet, previousAlphabet);
	}
	else
	{		
		var obj = document.getElementsByTagName("div");		
		Hidecontent(previousDivName, previousAlphabet);
		var testdiv = document.getElementById("div"+id);
		
		document.getElementById(id).className = "active";
		//if (obj["div"+id].style.display == 'none')
		if (testdiv.style.display == 'none')
		{
			testdiv.style.visibility = 'visible';
			testdiv.style.display = 'block';
		}		
	}
	
	previousDivName="div"+id;
	previousAlphabet = id;	
}


function Hidecontent(id, alphaID)
{
	var obj = document.getElementsByTagName("div");
	var testdiv = document.getElementById(id);
	//if (obj[id].style.display == 'block')
	if (testdiv.style.display == 'block')
	{
		testdiv.style.visibility = 'hidden';
		testdiv.style.display = 'none';
		document.getElementById(alphaID).className = "";
	}
	
}


function Show(id,defaultyear,year) {
   
   
   count=count+1;
     if(count==1){
     document.getElementById(defaultyear).className = "last";
     document.getElementById(year).className = "active";
     Hide("div"+defaultyear);
     
     }
     else{
      document.getElementById(prevYear).className = "last";
      document.getElementById(year).className = "active";
      Hide(prevDivName);
     
   }
  
   
   
    obj = document.getElementsByTagName("div");
  
    if (obj[id].style.display == 'none'){
    obj[id].style.display = 'block';

    }
prevDivName=id;
prevYear=year;
}
function Hide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == 'block'){
   
     obj[id].style.visibility = 'hidden';
    obj[id].style.display = 'none';
   
    }
    
}