// JavaScript Document
//VRIABLES TO BE USED IN THE PROGRAM
//THESE NEEDS TO BE GLOBAL
var imageName='';
var imageNameSml='';
//------------------------------------------------------------------------------------------------------------------------------------
//FUNCTION TO START DISPLAYING THE TABLE AND IMAGES
//------------------------------------------------------------------------------------------------------------------------------------
// INPUT PARAMETERS
// - pageNumber
// - imagePerPage
// - imageInput
// - imagePath
// - maxImages
// - imageExtension
// - maxImagePerLine
//------------------------------------------------------------------------------------------------------------------------------------
function displayTable( pageNumber, imagePerPage, imageInput, imagePath, maxImages, imageExtension, maxImagePerLine, imageWidth, imageHeight ) {
var imageExt = '.' + imageExtension;
var percentage = 100/maxImagePerLine;
var maxImagesDisplay = pageNumber * imagePerPage;
var tableWidth = ( maxImagePerLine * imageWidth ) + 50;
imageInput = imagePath + imageInput;
if ( maxImagesDisplay > maxImages ) maxImagesDisplay = maxImages;
document.write('');
for( i=( pageNumber * imagePerPage ) - ( imagePerPage - 1 ); i <= maxImagesDisplay; i++ ) {
document.write('');
for( j=1; j<=maxImagePerLine; j++ ){
setImageName( true, imageInput, i, imageExt);
// document.write(''+'
' + i + ' | ');
document.write(''+'
' + i + ' | ');
if( ++i > maxImagesDisplay )break;
}
i--;
document.write('
');
setImageName( false, imageInput, i, imageExt);
}
document.write('
');
}
//------------------------------------------------------------------------------------------------------------------------------------
//FUNCTION TO SET AND RESET THE IMAGE NAME
//------------------------------------------------------------------------------------------------------------------------------------
// INPUT PARAMETERS
// - setFlag
// - imageInput
// - i
// - imageExt
//------------------------------------------------------------------------------------------------------------------------------------
function setImageName(setFlag, imageInput, i, imageExt){
if( setFlag == false ) {
imageName='';
imageNameSml='';
} else {
imageNameSml = imageInput+i+'_sml'+imageExt;
imageName = imageInput+i+imageExt
}
}
//------------------------------------------------------------------------------------------------------------------------------------
//FUNCTION TO DISPLAY PAGES AVAILABLE
//------------------------------------------------------------------------------------------------------------------------------------
// INPUT PARAMETERS
// - maxImages
// - imagePerPage
// - pagePath
//------------------------------------------------------------------------------------------------------------------------------------
function displayPages(maxImages, imagePerPage, pagePath, pageNumber ){
var numOfPages = Math.ceil(maxImages/imagePerPage);
document.write('Page : ' );
for ( page = 1; page <= numOfPages; page++ ){
if ( pageNumber == page ){
document.write( ''+page+' | ' );
}else{
document.write( ''+page+' | ' );
}
}
}