var isInit = 0;

function init_page() {
	if(isInit == 0) {
		document.body.innerHTML = '<div id="disabling"></div>' + document.body.innerHTML;
		document.body.innerHTML = '<div id="imagepos"></div>' + document.body.innerHTML;
		isInit = 1;
	}
}

function show_image(_src) {

	var elem = document.getElementById('imagepos');
	if(elem) {
		elem.innerHTML = '<div id="closeimg" onClick="hidden_image()">X</div><img src="' + _src + '" id="preview" onLoad="load_image()">';
		var elem = document.getElementById('disabling');
		elem.innerHTML = 'loading ...';
	}
}

function show_images(i_array) {

	var elem = document.getElementById('imagepos');
	var illust_num = i_array.length;
			
	if(elem && illust_num > 0) {
		elem.innerHTML = '<div id="closeimg" onClick="hidden_image()">X</div><img src="" id="preview" onLoad="load_image();"><br><div class="illustp">';
		
		for(var i = 0; i < illust_num; i++) {
			elem.innerHTML += '<a href="#" onClick="set_active_image(\'' + i_array[i] + '\')">' + (i + 1)  + '</a>&nbsp;';
		}
		
		elem.innerHTML += '</div>';
		
		var elem = document.getElementById('disabling');
		elem.innerHTML = 'loading ...';
		
		set_active_image(i_array[0]);
	}
}

function set_active_image(a_img) {

	var elem = document.getElementById('preview');
	elem.src = a_img;
	scroll(0, 0);
}

function load_image() {
	var elem = document.getElementById('imagepos');
	if(elem) {
		var img = document.getElementById('preview');
		
		elem.style.top = ((document.body.clientHeight - img.width) > 0)?(document.body.clientHeight - img.width) / 2:10;
		elem.style.left = ((document.body.clientWidth - img.height) > 0)?(document.body.clientWidth - img.height) / 2:0;
		elem.style.width = img.width;
		elem.style.height = img.height;
		elem.style.visibility = 'visible';
		
		img  = document.getElementById('closeimg');
		img.style.left = parseInt(elem.style.width) - 5;
		
		var elem = document.getElementById('disabling');
		elem.innerHTML = '';
			
		var elem = document.getElementById('disabling');
		elem.style.visibility = 'visible';
	}
}

function hidden_image() {
	var elem = document.getElementById('imagepos');
	if(elem) {
		elem.style.visibility = 'hidden';
			
		var elem = document.getElementById('disabling');
		elem.style.visibility = 'hidden';
	}
}