// JavaScript Document
function active(index, start, end) {
	for (i = start; i <= end; i++) {
		if (i == index) {
			document.getElementById('page'+i).style.display = 'block';
			document.getElementById('lbl'+i).className = 'selected';
		}
		else {
			document.getElementById('page'+i).style.display = 'none';
			document.getElementById('lbl'+i).className = 'non_selected';
		}
	}
}

function show_backpage(num_in_group, end, num_page) {
	var strpage = '';
	if (end+num_in_group+1 > num_page)
		count = num_page;
	else
		count = end+num_in_group+1;

	for (i = end+1; i <= count; i++) {
		document.getElementById('page'+i).style.display = 'none';
	}
	document.getElementById('page'+end).style.display = 'block';

	if (end > num_in_group) {
		strpage += '<INPUT type="button" onclick="show_backpage('+num_in_group+', '+(end-num_in_group)+', '+ num_page+')" value="..." />';
	}

	for (i = end-num_in_group+1; i <= end; i++) {
		if (i == end) {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="selected" onClick="active('+i+', '+(end-num_in_group+1)+', '+end+')" value="'+i+'" />';
		}
		else {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="non_selected" onClick="active('+i+', '+(end-num_in_group+1)+', '+end+')" value="'+i+'" />';
		}
	}

	strpage += '<INPUT type="button" onclick="show_morepage('+num_in_group+', '+(end+1)+', '+(end+num_in_group)+', '+num_page+')" value="..." />';

	document.getElementById('pagenumber').innerHTML = strpage;
}

function show_morepage(num_in_group, start, count, num_page) {
	var count, strpage = '';

	for (i = start-1; i >= start-num_in_group; i--) {
		document.getElementById('page'+i).style.display = 'none';
	}
	document.getElementById('page'+start).style.display = 'block';

	strpage += '<INPUT type="button" onclick="show_backpage('+num_in_group+', '+(start-1)+', '+num_page+')" value="..." />';

	if (count > num_page)
		end = num_page;
	else
		end = count;
	for (i = start; i <= end; i++) {
		if (i == start) {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="selected" onClick="active('+i+', '+start+', '+end+')" value="'+i+'" />';
		}
		else {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="non_selected" onClick="active('+i+', '+start+', '+end+')" value="'+i+'" />';
		}
	}

	if (num_page > count) {
		if (num_page > count+num_in_group)
			cont = count+num_in_group;
		else
			cont = num_page;
		strpage += '<INPUT type="button" onclick="show_morepage('+num_in_group+', '+(count+1)+', '+cont+', '+num_page+')" value="..." />';
	}
	document.getElementById('pagenumber').innerHTML = strpage;
}

function show_first(num_in_group, num_page) {
	if (num_page > num_in_group)
		end = num_in_group;
	else
		end = num_page;
		
	for (i = 2; i <= num_page; i++) {
		document.getElementById('page'+i).style.display = 'none';
	}
	document.getElementById('page1').style.display = 'block';

	var strpage = '';
	for (i = 1; i <= end; i++) {
		if (i == 1) {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="selected" onClick="active('+i+', 1, '+end+')" value="'+i+'" />';
		}
		else {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="non_selected" onClick="active('+i+', 1, '+end+')" value="'+i+'" />';
		}
	}

	if (num_page > end) {
		if (num_page > end+num_in_group)
			count = end+num_in_group;
		else
			count = num_page;
		strpage += '<INPUT onclick="show_morepage('+num_in_group+', '+(end+1)+', '+count+', '+num_page+')" value="..." />';
	}
	document.getElementById('pagenumber').innerHTML = strpage;
}

function show_last(num_in_group, num_page) {
	for (i = 1; i <= num_page; i++) {
		document.getElementById('page'+i).style.display = 'none';
	}
	document.getElementById('page'+num_page).style.display = 'block';
	
	var start, strpage = '';
	if (num_page == num_in_group)
		start = 1;
	else
		start = parseInt(num_page/num_in_group)*num_in_group+1;

	if (num_page < start+num_in_group-1)
		end = num_page;
	else
		end = start+num_in_group-1;

	if (start != 1) {
		strpage += '<INPUT type="button" onclick="show_backpage('+num_in_group+', '+(start-1)+', '+num_page+')" value="..." />';
	}

	for (i = start; i <= end; i++) {
		if (i == end) {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="selected" onClick="active('+i+', '+start+', '+end+')" value="'+i+'" />';
		}
		else {
			strpage += '<INPUT id="lbl'+i+'" type="button" class="non_selected" onClick="active('+i+', '+start+', '+end+')" value="'+i+'" />';
		}
	}
	document.getElementById('pagenumber').innerHTML = strpage;
}