//GLOBALS
var txt_prev = 'Vorige';	//text "previous image"
var txt_close = 'Albumweergave';	//text "close"
var txt_next = 'Volgende';		//text "next image"

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

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

var gal_cols = 5;		// 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('KaspiGent',15,0),
Array('Startdag',17,0),
Array('Vlottentocht',19,0),
Array('Wormkes',11,0),
Array('Fluo',9,0),
Array('Overgang',9,0),
Array('Kamp2008',30,0),
Array('Zee',15,0),
Array('Klein Kamp',35,0),
Array('Kaspi',10,0),		
Array('Schaatsen',13,0),		
Array('Kerstmarkt',20,0),
Array('Trollentrophy',16,1),
Array('Kamp2007',30,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">';
	rdata += '<h2>'+ folder +'</h2>';
	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="fotoalbum/comments/'+ folder +'.html#'+ display +'"></iframe>';

		rdata += '</div>';
	}



	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 +'';


	writeData(rdata,0);
}