/* 

NBSgallery Script README FILE
     
Version 1.0

Please follow the below simple steps to install the NBSgallery. 
	
Do note that this tool is a free-ware so does not come with any form of support. 


	
Step 1.

	Unzip the zipped file and copy the entire NBSgallery folder into the same directory which your file that will be having the gallery table.
	


Step 2.

	Go to the settings.php file and edit the parameters as necessary. 

	The setting are as follows;
	$gallery_width. This is how wide your gallery table of thumbnails will be. 
	$column_number. This is the number of columns in the table of thumbnail you require.
	$gap_width. This is the border gap in pixels that is found inbetween each column. 
	
	Remember to save this setting.php file after editing.

	

Step 3.

	Copy the script lines below and paste it properly onto the file where your want your slideshow to display. However the width value below in the script lines should follow the value you have set in the settings.php file in the previous step.
	

		<!-- START of NBSgallery script -->
		<div id='NBSgalleryDIV' height="1000px"><iframe src='./NBSgallery/index.php' id='nbs' frameborder='0' scrolling='no' width='460px' height='100%'></iframe></div>
		<!-- Do not edit lines below this -->
		<link rel="stylesheet" type="text/css" href="./NBSgallery/custom/prettyPhoto/css/prettyPhoto.css" />
		<script type="text/javascript" src="./NBSgallery/custom/prettyPhoto/js/jquery-1.6.1.min.js"></script>
		<script language="javascript" type="text/javascript" src="./NBSgallery/custom/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<script>
			function openPhoto(link){
				$.prettyPhoto.open(link ,'','')
			}
		
			$(function(){
				$("a[rel^='prettyPhoto']").prettyPhoto({deeplinking: false, social_tools: false, allow_resize : true, changepicturecallback: function(){ /*var width = parseInt($("#fullResImage").css("width")); var height = parseInt($("#fullResImage").css("height"));if(height > 500){while(height > 500){width = width * 0.98;height = height * 0.98;}}$("#fullResImage").css("width", width);$("#fullResImage").css("height", height);$(".pp_expand").css("display", "none");*/},});
				$(".pp_gallery").css("display", "none");
			});
		</script>	
		<!-- END script for NBSgallery -->
	
	

Step 4.

 	FTP upload your required images required into the gallery folder. The system will automatically sort the images and display the images based on their filename alphabetic order. 

	The system will create the thumbnails of the images and place them on your webpage after downsizing them porportionately.

	It is not recommended to showcase too many images cause the more images there are in the gallery folder, the longer it will take for the lighbox to load when any of the thumbnails are clicked. Try to keep it below 30 images for faster loading.


Step 5.

	Optionally, a small caption textline can be inserted at the top of every image within the lightbox.

    	To add a caption textline, simply add in line by line the caption text in the file labelled 'captions.txt'.

	The system will grab the first line from this file and use it as the caption for the first image. It will then grab the second text line for the second image and so on. 


	
Step 6.

	Test by previewing the page which has your gallery on your web browser.
	
	

Good luck and have fun!	


   
*/



