//GLOBALS







var nl = "\n";			// new line, for nice code :-)







var imgFolder = "images/samples";	//folder with subfolders that contain big images



var smallFolder = "images/minisamples";	//folder with subfolders that contain small images (thumbnails)







var imgName = 'samples';		//image name (e.g. the first image is photo-001 - or if you change name to "image" then the first image name is image-001)







var imgExt = 'jpg';		//extension (filetype) for big images



var smallExt = 'jpg';		//extension (filetype) for small images







var setColumns = 3;		// how many columns per page



var setRows = 0;		// how many rows to skip before scroll starts, check and adjust manually



var setHeight = 64+10+10;	// this is important for scroller: max small image (thumbnail) height + <td> padding-top + <td> padding-bottom (see css file)



var pages = 1;







//GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>)







var setFolders = Array (



		Array('promotional',9),



		Array('brochures',3),

		

		Array('web',1)



		//Array('misc',6)



);







//GALLERY FUNCTIONS







function leadingZero(getImage){







		if (getImage < 10)setImage = "00" + getImage;



		if (getImage > 9 && getImage < 100)setImage = "0" + getImage;



		if (getImage > 99)setImage = getImage;







		return setImage;



}



function initGallery(){







	showGallery(0,setFolders[0][1],setFolders[0][0]);







}	



function showMenu(){







	returnData = '<tr><td id="menu" colspan="'+ setColumns +'">';







	for (getFolder = 0; getFolder < setFolders.length; getFolder++){



		returnData += '<a href="javascript:showGallery(0,'+setFolders[getFolder][1]+',\''+setFolders[getFolder][0]+'\')">'+setFolders[getFolder][0]+'</a> | ';



	}



	



	returnData += '</td></tr>'+nl;



	return returnData;		



}







function showPic (whichpic) {







     if (document.getElementById) {



         document.getElementById('placeholder').src = whichpic.href;



      return false;



 } else {



  return true;



 }



}



function popupMsg(theMsg) {

alert(theMsg);

}





function showGallery(getImage,maxImages,setFolder){

	

	i = 0;



	setScroll = Math.round(getImage / setColumns)-setRows;

	if (setScroll < 0)setScroll = 0;

	setScroll = setScroll*setHeight;



	returnData = '<table>'+nl;

	returnData += '<tr><td id="header" colspan="'+ setColumns +'">Gallery</td></tr>'+nl;

	returnData += showMenu();

	returnData += '<tr><td id="title" colspan="'+ setColumns +'">'+ setFolder +'</td></tr>'+nl;

	

	for (displayImage = 1; displayImage <= maxImages; displayImage++){

		

		i++;

		

		setImage = leadingZero(displayImage);

		

		if (i == 1)returnData += '<tr>'+nl;

		

		setClass = '';

		if (displayImage == getImage)setClass = ' class="selected"';

			

		returnData += '<td id="image" '+ setClass +'>';

		returnData += '<a class="thumbnails" onclick="return showPic(this)" href="'+ imgFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ imgExt +'"><img border=0 src="'+ smallFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ smallExt +'"></a>'+nl;

		returnData += '</td>';

		returnData += '</td>';

		if (i == setColumns){

			returnData += '</tr>'+nl;

			i = 0;

		}

	}

	

	if (i > 0)returnData += '<td colspan="'+ (setColumns - i) +'"></td>'+ nl +'</tr>'+nl;



	//returnData += '<tr><td id="footer" colspan="'+ setColumns +'"><a href="http://www.consoriana.com">Consoriana</a> Free Javascript Gallery<br>Scripting, layout and photo by Miloš Sluga, jr. | 2006</td></tr>'+nl;

	returnData += '</table>'+nl;



	writeData(returnData,setScroll);

}

function showImage(getImage,maxImages,setFolder){



	



	setImage = leadingZero(getImage);







	imgNxt = getImage + 1;



	imgPre = getImage - 1;



	



	if (imgNxt > maxImages)imgNxt = 1;



	if (imgPre < 1)imgPre = maxImages;







	returnData = '<table>'+nl;



	returnData += '<tr id="selector">'+nl;



	returnData += '<td><a href="javascript:showImage('+ imgPre +','+ maxImages +',\''+ setFolder +'\')">previous</a></td>'+nl;



	returnData += '<td align="center"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')">close</a></td>'+nl;



	returnData += '<td align="right"><a href="javascript:showImage('+ imgNxt +','+ maxImages +',\''+ setFolder +'\')">next</a></td>'+nl;



	returnData += '</tr>'+nl;



	returnData += '<tr><td colspan="3"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')"><img src="'+ imgFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ imgExt +'"></a></td></tr>'+nl;



	returnData += '<tr id="selector"><td colspan="3">'+ getImage +' / '+ maxImages +'</td></tr>'+nl;



	returnData += '</table>'+nl;	



	writeData(returnData,0);



}



function writeData(returnData,setScroll){

	document.getElementById('gallery').innerHTML = returnData;



	scrollTo(0,setScroll);

}



//START



initGallery();