var timer,index,_tmp_page = _page;
function initSearchBox()
{
	var boxTable = document.getElementById('searchTable');
	var newTR = boxTable.insertRow(0);
	var countBox = max_num >= 11 ? 11 : max_num;
	for(var i=0,j=0; i<countBox; i++)
	{
		var newTD = newTR.insertCell(newTR.cells.length);
		with(newTD)
		{
			if(_page <= 6 || max_num<=11) {
				if(_page == i+1) id = 'n_monitor';
				innerHTML = i+1;
			} else if(max_num > 11 && _page > max_num-5) {
				var _t = (max_num - 11) + i + 1;
				innerHTML = _t;
				if(_page == _t) id = 'n_monitor';
			} else {
				var _m = parseInt(countBox/2);
				if(i < _m) {
					var _t = _page - Math.abs(i - _m);
					innerHTML = (_t < 1) ? Math.abs(max_num  + _t) : _t;
				} else if(i == _m){
					id = 'n_monitor';
					innerHTML = _page;
				} else {
					_page++;
					innerHTML = (_page%max_num)?(_page%max_num):max_num;
				}
			}		
		}
	}
	speed_pointer = 1;
	
	// show js navbar
	if(document.getElementById('template_navbar'))
	document.getElementById('template_navbar').style.display = 'none';
	if(document.getElementById('listall_navbar'))
	document.getElementById('listall_navbar' ).style.display = 'none';
	document.getElementById('js_navbar'		 ).style.display = 'block';
}

function searchNext()
{
	hideSearchBox();
	if(!_speed_timer) setSpeed();
	var obj = document.getElementById('searchTable');
	var row = obj.rows[0];
	index = parseInt(row.cells[0].innerHTML);
	//alert(max_num);return;
	if(index <= max_num-11)
	{
		for(var i=0; i<row.cells.length;i++) {
			with(row.cells[i])
			{
				var _tmp_ = ++index%max_num;
				var _num_ = _tmp_?_tmp_:max_num;
				innerHTML = _num_;
				if(_tmp_page == _num_) id = 'n_monitor'; else id = '';
			}
		}
		_tmp_timer = Math.ceil((200)/speed_pointer);
		timer = setTimeout(searchNext, _tmp_timer);
	} else
		return false;
		
}

function searchBack() {
	hideSearchBox();
	if(!_speed_timer) setSpeed();
	var obj = document.getElementById('searchTable');
	var row = obj.rows[0];
	index = parseInt(row.cells[row.cells.length-1].innerHTML);
	if(index > 11)
	{
		for(var i=row.cells.length-1; i>=0; i--) {
			with(row.cells[i])
			{
				var index2 = --index;
				var _tmp_ = index < 1 ? Math.abs(max_num  + index2) : index;
				innerHTML = _tmp_;
				if(_tmp_page == _tmp_) id = 'n_monitor'; else id = '';
			}
		}
		_tmp_timer = Math.ceil((200)/speed_pointer);
		timer = setTimeout(searchBack, _tmp_timer);
	} else
		return false;
}

var _speed_timer, speed_pointer, speed_end;
function setSpeed()
{
	_speed_timer = setInterval(function(){
		if(speed_pointer < maxspeed)
		{
			speed_pointer++;
		} else clearInterval(_speed_timer);
	}, 500);
}

function removeSpeed()
{
	clearInterval(_speed_timer);
	_speed_timer =null;
	speed_pointer=1;
}

var searchBoxDisplay = false;
function showSearchBox(e)
{	
	if(searchBoxDisplay) return;
	var e = e || window.event;
	e.cancelBubble = true;
	var current_id = parseInt(this.innerHTML);
	with(this) {
		innerHTML = '<input style="width:20px;height:18px;padding:0px" name="'+listname+'_page2" type="text" size="2" value="'+current_id+'" />';
	}
	searchBoxDisplay = true;
}

function hideSearchBox()
{
	if(!searchBoxDisplay) return;
	var td_obj = document.getElementById('monitor_input');
	with(td_obj) {
		innerHTML = childNodes[0].value;
	}
	searchBoxDisplay = false;
}

function searchBoxLink()
{
	var searchId = this.innerHTML;
	location = mkg('_jpage', listname +'|'+ searchId);
}

window.onload = function() {
	initSearchBox()
	var obj = document.getElementById('searchTable');
	var row = obj.rows[0];
	for(var i=0; i < row.cells.length; i++)
	{
		row.cells[i].width = 20;
		row.cells[i].onclick = searchBoxLink;
	}
	/*document['onkeydown'] = function(e) {
		var evt = e || window.event;
		if(evt.keyCode == 16)
			shift_press = true;
	};
	document['onkeyup'] = function(e) {
		var evt = e || window.event;
		shift_press = false;
	};*/
	document['onmouseup'] = function() {
		if(timer) clearTimeout(timer);
		removeSpeed();
	};
	//document.getElementById('monitor_input').onclick = showSearchBox;
}