// JavaScript Document
		
		function popUp(URL) {
		day = new Date();
		id = day.getTime();
		eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=500,height=500,left = 200,top = 100');");
		}
		// End -->
		
		
		
	 <!--
	 function MM_jumpMenu(targ,selObj,restore){ //v3.0
	 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
	 if (restore) selObj.selectedIndex=0;
	 }
	
	 function MM_findObj(n, d) { //v3.0
	 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
	 }
	
	 function MM_jumpMenuGo(selName,targ,restore){ //v3.0
	 var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
	 }
	 //-->
	 
	 
	 //GLOBALS

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

var imgFolder = '../../images/images';	//folder with subfolders that contain big images
var smallFolder = '../../images/small';	//folder with subfolders that contain small images (thumbnails)

var imgName = 'photo';		//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 = 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('Camiones decorados',18)
		
);

//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="mandatory" 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 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="titulo" colspan="'+ setColumns +'"></td></tr>'+nl;
	returnData += showMenu();
	returnData += '<tr><td id="subtitulo" 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 href="javascript:showImage('+ displayImage +','+ maxImages +',\''+ setFolder +'\')"><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,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 +'\')">Anterior</a></td>'+nl;
	returnData += '<td align="center"><a href="javascript:showGallery('+ getImage +','+ maxImages +',\''+ setFolder +'\')">Cerrar</a></td>'+nl;
	returnData += '<td align="right"><a href="javascript:showImage('+ imgNxt +','+ maxImages +',\''+ setFolder +'\')">Siguiente</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();