var cur_pos_input;
var prev;
var empty_prev;
var next;
var empty_next;
var caption;
var img;
var loading;
var counter;
var prevImg = new Image();
var nextImg = new Image();
var EmptyImage = new Image();
//EmptyImage.src = "http://www.gotfamiliesonline.com/images/zero.gif";
var image;

function init_element (cur_pos) {
	cur_pos_input = document.getElementById('cur_pos');
	prev =  document.getElementById('prev');
	empty_prev =  document.getElementById('empty_prev');
	next =  document.getElementById('next');
	empty_next =  document.getElementById('empty_next');
	caption = document.getElementById('caption');
	img = document.getElementById('image');
	loading = document.getElementById('loading');
	counter = document.getElementById('counter');
	if (all_pictures[cur_pos+1]) {
		nextImg.src = all_pictures[cur_pos+1][0];
	}
	if (all_pictures[cur_pos-1]) {
		prevImg.src = all_pictures[cur_pos-1][0];
	}
	return true;
}

function load_pictures (cur_pos,direction) {
	image = new Image();
	if (direction < 0) {
		image.src = prevImg.src;
		prevImage = new Image();
		nextImg.src = all_pictures[cur_pos+1][0];
		if (all_pictures[cur_pos-1]) {
			prevImg.src = all_pictures[cur_pos-1][0];
		}  	
	} else {
		image.src = nextImg.src;
		nextImg = new Image();
		prevImg.src = all_pictures[cur_pos-1][0];
		if (all_pictures[cur_pos+1]) {
			nextImg.src = all_pictures[cur_pos+1][0];
		}
	}
}

function view_pic (direction) {
	init_element();
	var old_pos = parseInt(cur_pos_input.value);
	var new_pos = old_pos+direction;
	if (!all_pictures[new_pos]) return false;
	cur_pos_input.value = new_pos;
	prev.style.display = 'none';
	next.style.display = 'none';
	empty_prev.style.display = 'none';
	empty_next.style.display = 'none';
	loading.style.display = 'inline';
	if (caption.firstChild) {
		caption.removeChild(caption.firstChild);
	};
	load_pictures(new_pos,direction);
	if (image.complete) {
		display_picture();
	} else {
		setTimeout("check_complete()",500);
	}
	return;
};

function check_complete() {
	if (image.complete) {
		display_picture();
		return;
	} else {
		setTimeout("check_complete()",500);
		return;
	}
}

function display_picture () {
	//img.src = EmptyImage.src;
	//var old_border = img.border;
	img.border = 1;
	var new_pos = parseInt(cur_pos_input.value);
	var plus_height = 140;
	var plus_width = 30;
	if (all_pictures[new_pos-1]) {
		prev.style.display = 'inline';
		empty_prev.style.display = 'none';
	} else {
		prev.style.display = 'none';
		empty_prev.style.display = 'inline';
	}
	if (all_pictures[new_pos+1]) {
		next.style.display = 'inline';
		empty_next.style.display = 'none';
	} else {
		next.style.display = 'none';
		empty_next.style.display = 'inline';
	}
	//alert(old_border);
	window.resizeTo(all_pictures[new_pos][1]+plus_width,all_pictures[new_pos][2]+plus_height);
	img.width = all_pictures[new_pos][1];
	img.height = all_pictures[new_pos][2];
	img.src = image.src;
	//img.border = old_border;
	var new_name = all_pictures[new_pos][3];
// if (new_name == '') plus_height-=15;
	document.title = all_pictures[new_pos][3];
	var new_caption = document.createTextNode(new_name);
	caption.appendChild(new_caption);
	loading.style.display = 'none';
	counter.replaceChild(document.createTextNode(new_pos+1), counter.lastChild);
}