var setID
var maxImages=18;
function showPrevImage(q)
{ 
	setID=q;
	if (parseInt(document.getElementById('counter').value)>1)
	{
		document.getElementById('counter').value=parseInt(document.getElementById('counter').value)-1;
		document.getElementById(setID).innerHTML='<img src="images/slideshow/slide'+document.getElementById('counter').value+'.jpg" border="0" alt="Commencement" align="left" valign="top" style="margin: 0px 20px 0px 0px" />';
	}
	if (parseInt(document.getElementById('counter').value)<=1)
	{
		document.getElementById('links').innerHTML='<p><< Prev &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="showNext" onclick="showNextImage(\'slideshow\')" href="#">Next >></a></p>';
	}
	else
	{
		document.getElementById('links').innerHTML='<p><a id="showPrev" onclick="showPrevImage(\'slideshow\')" href="#"><< Prev</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="showNext" onclick="showNextImage(\'slideshow\')" href="#">Next >></a></p>';
	}
}
function showNextImage(q)
{ 
	setID=q;
	if (parseInt(document.getElementById('counter').value)<maxImages)
	{		
		document.getElementById('counter').value=parseInt(document.getElementById('counter').value)+1;
		document.getElementById(setID).innerHTML='<img src="images/slideshow/slide'+document.getElementById('counter').value+'.jpg" border="0" alt="Commencement" align="left" valign="top" style="margin: 0px 20px 0px 0px" />';
	}
	
	if (parseInt(document.getElementById('counter').value)>=maxImages)
	{
		document.getElementById('links').innerHTML='<p><a id="showPrev" onclick="showPrevImage(\'slideshow\')" href="#"><< Prev</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Next >></p>';
	}
	else
	{
		document.getElementById('links').innerHTML='<p><a id="showPrev" onclick="showPrevImage(\'slideshow\')" href="#"><< Prev</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="showNext" onclick="showNextImage(\'slideshow\')" href="#">Next >></a></p>';
	}
	
	
	/*else
	{
		alert('this is last image');
	}*/
}