//GLOBALS
var gal_title = 'Screenshots';	//title of the gallery

var txt_prev = 'Previous';	//text "previous image"
var txt_close = 'Return';	//text "close"
var txt_next = 'Next';		//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 = 'jpg';		//extension (filetype) for small images

var gal_cols = 3;		// 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('alpha',12,0,'solipsis'),
		Array('demonstrator',9,0,'demonstrator'),
		Array('solipsis',3,0,'prior 2D solipsis')
);

//START
window.onload = doGallery;

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


//GALLERY FUNCTIONS
function writeData(rdata,gal_scroll){
	document.getElementById('page_div').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 += '<h1>'+ gal_title +' - <span class="dark">'+ folder +'</span></h1>';
	return rdata;
}
function showFooter(){
	rdata = '</div>';
	//rdata += '<br><div class="footer"><p>Powered by <a href="http://www.consoriana.com"><b>Consoriana</b></a>, Free Javascript Gallery II<br></p></div>';
	return rdata;	
}
function showMenu(){
	////rdata = '<div class="menuGallery">';
	rdata = '<p>Folders : ';

	for (f = 0; f < folders.length; f++){
		rdata += '<a href="javascript:showGallery(0,'+folders[f][1]+',\''+folders[f][0]+'\','+folders[f][2]+')">'+folders[f][3]+'</a>';
		if (f < folders.length - 1)rdata += ' | ';
	}

	///rdata += '</div>';
	rdata += '</p>';
	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 = 0; display <= img_max; display++){
		//////img_set = leadingZero(display);
		img_set = 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 +'" height=91 width=135 src="gallery/'+ folder +'/'+ img_set +'s.'+ ext_small +'"  onmouseover="imgEfx('+ display +',1,0)"></a></div>';
///NO FX	rdata += '<div class="image"><a href="javascript:showImage('+ display +','+ img_max +',\''+ folder +'\','+ comments +')"><img id="img'+ display +'" height=91 width=135 src="gallery/'+ folder +'/'+ img_set +'s.'+ ext_small +'"></a></div>';
		
		if (comments == 1)rdata += '<iframe frameborder="0" scrolling="no" src="gallery/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_set = 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;
	
	/// PREVIOUS RETURN NEXT - 5 / 9
	rdata = showHeader(folder);
	rdata += '<div class="menuGallery"><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>';
	rdata += ' - '+ img_get +' / '+ img_max +'</div>';

	rdata += '<p><a href="gallery/'+ folder +'/'+ img_set +'.'+ ext_big +'"><img src="gallery/'+ folder +'/'+ img_set +'.'+ ext_big +'" style="border: 2px solid #ccc" width=500></a>';

	/// PREVIOUS RETURN NEXT - 5 / 9
	rdata += '<div class="menuGallery"><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>';
	rdata += ' - '+ img_get +' / '+ img_max +'</div>';

	rdata += showFooter();
	
	writeData(rdata,0);
}