// JavaScript Document
if (document.all && !document.getElementById) {
   document.getElementById = function(id) {
      return document.all[id];
   }
}

var ImageGroup=new Array();
//Add image titles to this array<
ImageGroup[1] = "../images/p_services/stationery/sample01.jpg";
ImageGroup[2] = "../images/p_services/stationery/sample02.jpg";
ImageGroup[3] = "../images/p_services/stationery/sample03.jpg";
ImageGroup[4] = "../images/p_services/stationery/sample04.jpg";
ImageGroup[5] = "../images/p_services/stationery/sample05.jpg";

var CaptionGroup=new Array();
//Define Captions
CaptionGroup[1] = "&nbsp;&nbsp;Sample 1 of 5&nbsp;&nbsp;";
CaptionGroup[2] = "&nbsp;&nbsp;Sample 2 of 5&nbsp;&nbsp;";
CaptionGroup[3] = "&nbsp;&nbsp;Sample 3 of 5&nbsp;&nbsp;";
CaptionGroup[4] = "&nbsp;&nbsp;Sample 4 of 5&nbsp;&nbsp;";
CaptionGroup[5] = "&nbsp;&nbsp;Sample 5 of 5&nbsp;&nbsp;";

function DisplayImage(direction){
//alert ("first call");
var CurrentImageNum =parseInt(document.form1.CurrentImage.value);
var TotalImageNum =parseInt(document.form1.TotalImages.value);
//make sure next image is one that exists!
//alert("Called");
if (direction=="f")
   {
    NextImage=CurrentImageNum+1;
	if (NextImage>TotalImageNum)
	   {
	   NextImage=1;
	   }
	}
else
   { 
    NextImage=CurrentImageNum-1;
	if (NextImage<1)
	   { 
	   NextImage=TotalImageNum;
	   }
	} 
   
//alert("NextImage=" + NextImage);
SamplePic.style.filter="blendTrans(duration=2)";
//alert("Call 1a");
document.images.SamplePic.style.filter="blendTrans(duration=CrossFadeDuration)";
//alert("Call2");
document.images.SamplePic.filters.blendTrans.Apply();
//alert("Call3");
document.images.SamplePic.src = ImageGroup[NextImage];

//alert("Call4");
///alert("SamplePic src=" + document.images.SamplePic.src);
document.getElementById("CaptionCell").innerHTML=CaptionGroup[NextImage];
document.images.SamplePic.filters.blendTrans.Play();

document.form1.CurrentImage.value=NextImage;
}