var pageno=1;
var maxnos=20;
function page(a)
{
	if(a=='next')
	   {
		   pageno++;
		   display();
	   }else if(a=='prev')
	   {
		   pageno--;
		   display();
	   }else {
		   pageno=a;
   		   display();
	   }
}


function display()
{
	
///showing respective page
for(i=1; i<=maxnos; i++)
{
   document.getElementById("test"+i).style.display="none";
}
   document.getElementById("test"+pageno).style.display="block";


///highlighting respective pageno
for(i=1; i<=maxnos; i++)
{
   document.getElementById("no"+i).className="num";
}
   document.getElementById("no"+pageno).className="num1";


///hiding and showing previous button
if(pageno==1)
{
	   document.getElementById("prev").style.display="none";
	   document.getElementById("prev1").style.display="none";
}else
{
		document.getElementById("prev").style.display="block";
	   	document.getElementById("prev1").style.display="block";
}


///hiding and showing next button
if(pageno==maxnos)
{
	   document.getElementById("next").style.display="none";
	   document.getElementById("next1").style.display="none";
}else
{
		document.getElementById("next").style.display="block";
	   	document.getElementById("next1").style.display="block";
}


}