// JavaScript Document
var allTags;
var imgCount;
var conut = 1;
var num=1;

function navi(){
allTags = document.getElementsByTagName('li');
allTags.item(0).style.display = "block";
imgCount = allTags.length;
	if(imgCount>1){
	for(i=1;i<imgCount;i++){
		allTags.item(i).style.display = "none";
	}
	document.write ('<div id="img_navi"><a href="javascript:changeImg(-1);" class="previous">prev &lt;</a> <span id="img_num">'+conut+"/"+imgCount+'</span> <a href="javascript:changeImg(1);" class="next">&gt; next</a></div>');
	}
}
function imageConut (num) {
document.getElementById('img_num').innerHTML=document.getElementById('img_num').innerHTML.replace(num+"/"+imgCount, conut+"/"+imgCount);
}
function changeImg (next) {
	num=conut;
	allTags.item(conut-1).style.display = "none";
	conut += next;
	if(conut > imgCount) conut = 1;
	else if (conut == 0) conut = imgCount;
	allTags.item(conut-1).style.display = "block";
	imageConut (num);
}
function changeImgOld (next) {
	num=conut;
	if(document.all){
		document.all('changeimage' + conut).style.display = "none";
		conut += next;
		if(conut > imgCount) conut = 1;
		else if (conut == 0) conut = imgCount;
		document.all('changeimage' + conut).style.display = "block";
	}else if(document.getElementById){
		document.getElementById('changeimage' + conut).style.display = "none";
		conut += next;
		if(conut > imgCount) conut = 1;
		else if (conut == 0) conut = imgCount;
		document.getElementById('changeimage' + conut).style.display = "block";
	}
	imageConut (num);
}