// JavaScript Document

var str = "";
var i=1;
var imgname="";
var x;

function funnext(val)
{	
	if(val < 3)
	{
	val = val + 1;		
//	alert(mainimg[val])
	document.getElementById('imgholder').innerHTML = '<img src="'+mainimg[val]+'" alt="Multimedia Presentations" width="480" height="357" />';
	curimg = val;
	curpage = curimg + 1;
	document.getElementById('curpage').innerHTML = curpage +"  ";
	document.getElementById('imgheading').innerHTML = preshead[curimg];
	document.getElementById('premessage').innerHTML = presdisc[curimg];
	x = preimglength[val];
	imgname = preimgname[val];

	for(i=1;i<=x;i++)	
	{
			if(i==1)
			{
			str += "<span id='lnk1'><a id='link"+i+"' href='javascript:showimg("+'"'+imgname+'"'+","+i+","+x+")' class='number'>"+i+"</a></span>";			
			}
			else
			{
			str += "<span id='lnk1'><a id='link"+i+"' href='javascript:showimg("+'"'+imgname+'"'+","+i+","+x+")' class='number-gray'>"+i+"</a></span>";
			}
			document.getElementById('navlink').innerHTML = str;			
	}
	str = "";
	}
}
function funpre(val)
{
	if(val > 0)
	{
	val = val - 1;		
//	alert(mainimg[val]);
	document.getElementById('imgholder').innerHTML = '<img src="'+mainimg[val]+'" alt="Multimedia Presentations" width="480" height="357" />';
	curimg = val;
	curpage = curimg + 1;
	document.getElementById('curpage').innerHTML = curpage +"  ";
	document.getElementById('imgheading').innerHTML = preshead[curimg];
	document.getElementById('premessage').innerHTML = presdisc[curimg];
	x = preimglength[val];
	imgname = preimgname[val];

	for(i=1;i<=x;i++)	
	{
			if(i==1)
			{
			str += "<span id='lnk1'><a id='link"+i+"' href='javascript:showimg("+'"'+imgname+'"'+","+i+","+x+")' class='number'>"+i+"</a></span>";			
			}
			else
			{
			str += "<span id='lnk1'><a id='link"+i+"' href='javascript:showimg("+'"'+imgname+'"'+","+i+","+x+")' class='number-gray'>"+i+"</a></span>";
			}
			document.getElementById('navlink').innerHTML = str;


			

			
	}
	str = "";

	
	
	}
}

/*function showimg(img,val)
{
//	val = val - 1;	
	picture = img+"_"+val+".gif";
	document.getElementById('imgholder').innerHTML = '<img id="imgholder" src="presentation/'+picture+'" alt='+picture+' width="480" height="357" />';
	document.getElementById('link'+val).className = "number";
}*/

function showimg(img,val,len)
{
//	val = val - 1;	
	picture = img+'_'+val+'.jpg';
//	alert(picture);
	document.getElementById('imgholder').innerHTML = "<img src='"+picture+"' alt='+picture+' width='480' height='357' />";
	for(a=1;a<=len;a++)
	{
		if(a==val)
			document.getElementById('link'+a).className = "number";
		else
			document.getElementById('link'+a).className = "number-gray";

	}
}
//-->