$(document).ready(function(){
	// 70000 results
	var areas = [];
	var triggers = [];
	var items_per_page = 10;
	$('.index-area01 li a').each(function(k){
		triggers.push( $(this) );
		this._target = $('#'+this.href.split("#")[1]).hide();
		areas.push(this._target);
		this._target[0]._items = $("table tbody tr", this._target);
		this._target[0].np_button = $(".data-next", this._target);
		this._target[0].bp_button = $(".data-back", this._target);
		this._target[0].page_infos = $(".page-infos", this._target);
		this._target[0].bp_button.click(function(){
			switch_page( -1, $(this).parents("div") );
			return false;
		    });
		this._target[0].np_button.click(function(){
			switch_page( 1, $(this).parents("div") );
			return false;
		    });
		switch_page(0,this._target);
		$(this).click(function(){
			$(this).toggleClass("active");
			switch_area(this._target);
			this.blur();
			return false;
		    });
	    });
	function switch_page(direction, area){
	    if(direction==0){
		area[0]._items.hide().slice(0,items_per_page).show();
		area[0]._index = 0;
		area[0].bp_button.hide();
	    } else if( direction>0 && area[0]._index<(area[0]._items.length-items_per_page) ){
		area[0]._items.hide().slice(area[0]._index+items_per_page, area[0]._index+2*items_per_page).show();
		area[0]._index = area[0]._index+items_per_page;
		area[0].bp_button.show();
		if(area[0]._index>(area[0]._items.length-items_per_page)){ area[0].np_button.hide(); }
	    } else if( direction<0 && area[0]._index>=items_per_page ){
		area[0]._items.hide().slice( area[0]._index-items_per_page,area[0]._index).show();
		area[0]._index = area[0]._index-items_per_page;
		area[0].np_button.show();
		if(area[0]._index<items_per_page){ area[0].bp_button.hide(); }
	    }
	    area[0].page_infos.html( area[0]._index/items_per_page+1 +"/"+ Math.ceil(area[0]._items.length/items_per_page) );
	}
	function switch_area(area){
	    for(var i=0; i<areas.length; i++){
		if(area==areas[i]){ areas[i].show(); triggers[i].addClass("active"); }
		else{ areas[i].hide(); triggers[i].removeClass("active"); }
	    }
	}
	switch_area( areas[0] );
});

