// JavaScript Document

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

function funnext(val,finpage)
{	
	if(val < (finpage-1))
	{
	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;		
	document.getElementById('imgholder').innerHTML = '<img src="'+mainimg[val]+'" alt="Multimedia Presentations" />';
	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,len)
{
	picture = img+'_'+val+'.gif';
	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";

	}
}
//-->