
<!-- GANPATI BAPPA MORYA -->
<!-- Developed By Amit A. Gharat(B.Sc.(Information Technology)) -->
<!-- ****************following code for Fading effect :- Starts*****************************************-->

		// Enter Images Path(in " ") to display in a slideshow below
		var ImageArray = new Array ("images/Preview/1.jpg","images/Preview/2.jpg","images/Preview/3.jpg","images/Preview/4.jpg","images/Preview/5.jpg","images/Preview/6.jpg","images/Preview/7.jpg","images/Preview/8.jpg","images/Preview/9.jpg"); 
		var ImageArrayStrip = new Array ("images/thumbnail/1.jpg","images/thumbnail/2.jpg","images/thumbnail/3.jpg","images/thumbnail/4.jpg","images/thumbnail/5.jpg","images/thumbnail/6.jpg","images/thumbnail/7.jpg","images/thumbnail/8.jpg","images/thumbnail/9.jpg"); 
		var ImageWidth = 450; 	// Max width of image in which slideshow to be displayed
		var ImageHeight = 324;	// Max height of image in which slideshow to be displayed
		var ImageFolder =  "images/"; // This is the folder where your images located
		var ArraySize = ImageArray.length;
		var FadingInterval = 25;	// for no. of sec. image is to be faded
		var DisplayedImageID = 'bigimg'  // Id of image in which slideshow to be displayed
		var FreezImageForSeconds = 2000; // for no. of sec image should visible clearly
		var i=0; // don't change it

		// Don't edit below it 
		function StartSlidShow() //for loading  first image and setting interval 
		{		
			LoadImage();
			document.getElementById(DisplayedImageID).filters.alpha.opacity=1
			interval=setInterval("StartFading(DisplayedImageID)",FadingInterval)
		}
		
		function StartSlidShowByPermission(imgid) //for loading  image by user permission
		{	
			document.getElementById('bigimg').src = ImageArray[imgid]
		}
									
		function StartFading()  // to increase opacity of image
		{
			if (document.getElementById(DisplayedImageID).filters.alpha.opacity<100)
			{	
				document.getElementById(DisplayedImageID).filters.alpha.opacity+=1
			}
			if (document.getElementById(DisplayedImageID).filters.alpha.opacity>=100)
			{  	clearInterval(interval)
				interval=setInterval("FreezFading(DisplayedImageID)",FreezImageForSeconds)
			}
		}
										
		function FreezFading()  // to keep that image visible for given sec
		{   
			clearInterval(interval)
			interval=setInterval("StopFading(DisplayedImageID)",FadingInterval)
		}
			
		function StopFading()  // to decrease opacity of image
		{  
			if (document.getElementById(DisplayedImageID).filters.alpha.opacity<110)
			{	
				document.getElementById(DisplayedImageID).filters.alpha.opacity-=1
			}
			if (document.getElementById(DisplayedImageID).filters.alpha.opacity<=0)
			{	
				LoadImage();
				document.getElementById(DisplayedImageID).filters.alpha.opacity=1
				clearInterval(interval)
				interval=setInterval("StartFading(DisplayedImageID)",FadingInterval)
			}
		}	
										
		function LoadImage() // to load next image to slideshow
		{
		  if (i>=ArraySize)
		  {
		  	i=0
		  }
		  document.getElementById('bigimg').src=ImageArray[i];
		  i++
		}
		
		function LoadFilmStrip() // to load images to filmstrip
		{ 
			for(k=0;k<5;k++)
			{
				document.getElementById(k).src = ImageArrayStrip[k];
			}
		}
		
<!--*************************** Above code for Fading effect:- Ends************************************ -->


<!--*************************** Following code for Moving FilmStrip:- Starts*************************** -->

		function MoveLeft() // move the strip to left
		{	
			for(var j=0;j<5;j++)
			{
				var str	 = document.getElementById(j).src
				var IndexOfStr = str.indexOf(ImageFolder);
				var ImageName = str.substring(IndexOfStr,str.length);
				var KeyIndex=0;
				for(var key=0;key<ArraySize;key++)
				{
					if(ImageName==ImageArrayStrip[key])
					{
						var KeyIndex = key;
					}
				}
				if(KeyIndex>=ArraySize-1){document.getElementById(j).src = ImageArrayStrip[0];}
				else{document.getElementById(j).src = ImageArrayStrip[KeyIndex+1];}
			}
		}
		function MoveRight() // move the strip to Right
		{	
			for(var j=0;j<5;j++)
			{
				var str	 = document.getElementById(j).src
				var IndexOfStr = str.indexOf(ImageFolder);
				var ImageName = str.substring(IndexOfStr,str.length);
				var KeyIndex=0;
				for(var key=0;key<ArraySize;key++)
				{
					if(ImageName==ImageArrayStrip[key])
					{
						var KeyIndex = key;
					}
				}
				if(KeyIndex==0){document.getElementById(j).src = ImageArrayStrip[ArraySize-1];}
				else{document.getElementById(j).src = ImageArrayStrip[KeyIndex-1];}
			}
		}
		
		function MouseOverStrip(cid) // over opacity
	  	{
			document.getElementById(cid).style.filter="alpha(Opacity=100)"
	 	}		
	 	function MouseOutStrip(cid) // out opacity
	 	{
			document.getElementById(cid).style.filter="alpha(Opacity=50)"
	 	}
		
<!--*************************** Above code for Moving FilmStrip:- Ends********************************* -->