//GLOBALS

var txt_prev = 'Anterior';	//text "previous image"

var txt_close = 'Cerrar';	//text "close"

var txt_next = 'Siguiente';		//text "next image"



var img_big = 'images';		//folder with subfolders that contain big images

var img_small = 'small';	//folder with subfolders that contain small images (thumbnails)



var img_name = '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 ext_big = 'jpg';		//extension (filetype) for big images

var ext_small = 'gif';		//extension (filetype) for small images



var gal_cols = 4;		// how many columns per page - see how many columns you get if you change the width of gallery (#gallery,#footer width in css)

var gal_rows = 1;		// how many rows to skip before scroll starts (1 is just fine)

var imgs_height = 114 + 10;	// <.imgs class height> + (2 * 5) px for margin (see css file for height)

var comments_height = 140 + 10;	// <.comments class height> + (2 * 5) px for margin (see css file for height)



//GLOBALS - GALLERY FOLDERS ('<folder>', <number of images>, <allow comments 1 = yes 0 = no>), don't forget last array is without ,

var folders = Array (

		Array('Galeria 01',16,0),

		Array('Galeria 02',16,0),

		Array('Galeria 03',16,0)

);



//START

window.onload = function(){ 

	showGallery(0,folders[0][1],folders[0][0],folders[0][2]);
	
}



//GALLERY FUNCTIONS

function writeData(rdata,gal_scroll){

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

	scrollTo(0,gal_scroll);

}

function imgEfx(img,px,fr){

	fr++;

	if (fr <= 7){

		px = px + Math.round(fr/3);

		pxl = Math.round(px/1,5)

	}else{

		px = px - 3;

		if (px < 0)px = 0;

		pxl = px;

	}

	try{

		document.getElementById('img' + img).style.marginTop = px + 'px';

		document.getElementById('img' + img).style.marginLeft = pxl  + 'px';

	}catch(e){

			px = 0;

	}

	if (px > 0)setTimeout('imgEfx('+ img + ','+ px +','+ fr +')',5);	

	return;	

}

function leadingZero(img_get){

		if (img_get < 10)img_set = "00" + img_get;

		if (img_get > 9 && img_get < 100)img_set = "0" + img_get;

		if (img_get > 99)img_set = img_get;

		return img_set;

}

function showHeader(folder){

	rdata = '<div class="gallery">';	

	return rdata;	

}

function showFooter(){

	rdata = '</div>';

	return rdata;	

}

function showMenu(){

	rdata = '<div class="menu">';



	for (f = 0; f < folders.length; f++){

		rdata += '<a href="javascript:showGallery(0,'+folders[f][1]+',\''+folders[f][0]+'\','+folders[f][2]+')">'+folders[f][0]+'</a>';

		if (f < folders.length - 1)rdata += ' | ';

	}



	rdata += '</div>';

	return rdata;	

}

function showGallery(img_get,img_max,folder,comments){

	gal_scroll = Math.round(img_get / gal_cols) - gal_rows;

	if (gal_scroll < 0)gal_scroll = 0;



	switch (comments){

		default:

			gal_scroll = gal_scroll*comments_height;

			img_class = 'comments';

		break;

		case 0:

			gal_scroll = gal_scroll*imgs_height;

			img_class = 'imgs';

		break;

	}	

	

	rdata = showHeader(folder);

	rdata += showMenu();

	

	for (display = 1; display <= img_max; display++){

		img_set = leadingZero(display);

		

		is_return = 'image';

		if (display == img_get)is_return = 'return';		

		

		rdata += '<div id="'+ is_return +'" class="'+ img_class +'">';

		rdata += '<div class="image"><a href="javascript:showImage('+ display +','+ img_max +',\''+ folder +'\','+ comments +')"><img id="img'+ display +'" src="'+ img_small +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_small +'"  onmouseover="imgEfx('+ display +',1,0)"></a></div>';

		

		if (comments == 1)rdata += '<iframe frameborder="0" scrolling="no" src="comments/'+ folder +'.html#'+ display +'"></iframe>';

		

		rdata += '</div>';

	}

	

	rdata += showFooter();

	

	writeData(rdata,gal_scroll);

}

function showImage(img_get,img_max,folder,comments){

	img_set = leadingZero(img_get);

	

	img_next = img_get + 1;

	img_prev = img_get - 1;

	if (img_next > img_max)img_next = 1;

	if (img_prev < 1)img_prev = img_max;

	

	rdata = showHeader(folder);

	rdata += '<div class="menu"><a href="javascript:showImage('+ img_prev +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_prev+'</a>';

	rdata += ' | <a href="javascript:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_close+'</a> | ';

	rdata += '<a href="javascript:showImage('+ img_next +','+ img_max +',\''+ folder +'\','+ comments +')">'+txt_next+'</a></div>';

	rdata += '<p><a href="javascript:showGallery('+ img_get +','+ img_max +',\''+ folder +'\','+ comments +')"><img src="'+ img_big +'/'+ folder +'/'+ img_name +'-'+ img_set +'.'+ ext_big +'"></a>';

	rdata += '<p>'+ img_get +' / '+ img_max +'';

	rdata += showFooter();

	

	writeData(rdata,0);

}