//GLOBALS
var nl = "\n";			// new line, for nice code :-)
var imgFolder = '../image';	//folder with subfolders that contain big images
var smallFolder = '../image/mini';	//folder with subfolders that contain small images (thumbnails)
var imgName = 'labor';		//image name (e.g. the first image is labor-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 setColumnsG = 8;		// how many columns per page
var setRows = 0;		// how many rows to skip before scroll starts, check and adjust manually
var setHeight = 76+10+10;	// this is important for scroller: max small image (thumbnail) height + <td> padding-top + <td> padding-bottom (see css file)
//GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>)
var setFolders = Array (
		Array('patchwork',138,11),
		Array('bolillos',12,1),
		Array('lana',71,1),
		Array('labores',80,1),
		Array('patlyon',27,1),
		Array('patsitges',45,1),
		Array('jornadas',109,1),
		Array('puigcerda',19,1)
);
//Nombre de las categorias por idioma
if(sgs$idioma=='es'){
	var nomFolders = Array(
		Array('Patchwork'),
		Array('Bolillos, Tul y Punto de aguja'),
		Array('Lana y Ganchillo'),
		Array('Labores en General'),
		Array('Patchwork&Quilt Expo. en Lyon'),
		Array('VII Festival de Patchwork en Sitges'),
		Array('1ª Jornada de labores Rubí 2010'),
		Array('Puigcerdá 2º Encuentro de Patchwork Internacional')
	);
}
//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][2],setFolders[0][0],nomFolders[0]);
}	
function showMenu(){
	returnData = '<tr><td id="menu" colspan="'+ setColumns +'"> | ';
	for (getFolder = 0; getFolder < nomFolders.length; getFolder++){
		returnData += '<a href="javascript:showGallery(0,'+setFolders[getFolder][1]+','+setFolders[getFolder][2]+',\''+setFolders[getFolder][0]+'\',\''+nomFolders[getFolder]+'\')">'+nomFolders[getFolder]+'</a> | ';
	}
	returnData += '</td></tr>'+nl;
	return returnData;	
}
function showGallery(getImage,maxImages,minImages,setFolder,nomFolder){
	i = 0;
	setColumns=setColumnsG
	setScroll = Math.round(getImage / setColumns)-setRows;
	if (setScroll < 0)setScroll = 0;
	setScroll = setScroll*setHeight;
	returnData = '<table>'+nl;
	returnData += '<tr align="center"><td id="header" colspan="'+ setColumns +'"></td></tr>'+nl;
	returnData += showMenu();
	returnData += '<tr><td id="title" colspan="'+ setColumns +'">'+ nomFolder +'</td></tr>'+nl;
	if(setFolder=='fusions'){
		returnData += '<tr><td class="abans">'+sgs$abans+'</td><td class="abans">'+sgs$despres+'</td></tr>'+nl;
	}
	for (displayImage = maxImages; displayImage >= minImages; displayImage--){
		i++;
		setImage = leadingZero(displayImage);
		if (i == 1)returnData += '<tr align="center">'+nl;
		setClass = '';
		if (displayImage == getImage)setClass = ' class="selected"';
		returnData += '<td '+ setClass +'>';
		returnData += '<a href="javascript:showImage('+ displayImage +','+ maxImages+','+ minImages +',\''+ setFolder +'\',\''+nomFolder+'\')"><img src="'+ smallFolder +'/'+ setFolder +'/'+ imgName +'-'+ setImage +'.'+ smallExt +'"></a>'+nl;
		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 +'"></td></tr>'+nl;
	returnData += '</table>'+nl;
	writeData(returnData,setScroll);
}
function showImage(getImage,maxImages,minImages,setFolder,nomFolder){
	setImage = leadingZero(getImage);
	imgNxt = getImage - 1;
	imgPre = getImage + 1;
	if (imgNxt < minImages)imgNxt = maxImages;
	if (imgPre > maxImages)imgPre = minImages;
	returnData = '<table>'+nl;
	returnData += '<tr id="selector">'+nl;
	returnData += '<td><a href="javascript:showImage('+ imgPre +','+ maxImages+','+ minImages +',\''+ setFolder +'\',\''+nomFolder+'\')">'+sgs$ant+' </a></td>'+nl;
	returnData += '<td align="center"><a href="javascript:showGallery('+ getImage +','+ maxImages+','+ minImages +',\''+ setFolder +'\',\''+nomFolder+'\')">'+sgs$cie+' </a></td>'+nl;
	returnData += '<td align="right"><a href="javascript:showImage('+ imgNxt +','+ maxImages+','+ minImages +',\''+ setFolder + '\',\''+nomFolder+'\')">'+sgs$seg+' </a></td>'+nl;
	returnData += '</tr>'+nl;
	returnData += '<tr><td colspan="3"><a href="javascript:showGallery('+ getImage +','+ maxImages+','+ minImages +',\''+ 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();