function init(){
	for(var i=0; i < l; i++){
		e[i].observe('click', toggleMe);
	}
	hideAll();
	$('record_1').show();
	$(e[0]).addClassName('bold');
	$('previous').hide();
	
	$('previous').observe('click', previous);
	$('next').observe('click', next);
	}
function hideAll(){
	for(var i=0; i < l; i++){
		var id = e[i].id.split('_');
		$('record_'+id[2]).hide();
		$(e[i]).removeClassName('bold');
	}
}

function previous(){
	var e = $$('div.records');
	var l = e.length;
	for(var i=l-1; i > 0; i--){
		if($(e[i]).visible()){
			$(e[i]).hide();
			$(e[--i]).show();
			break;
		}
	}
	if(i == 0){
		$('previous').hide();
	}
	$('next').show();
	boldMe(e[i]);
}
function next(){
	var e = $$('div.records');
	var l = e.length;
	for(var i=0; i <l; i++){
		if($(e[i]).visible()){
			$(e[i]).hide();
			$(e[++i]).show();
			break;
		}
	}
	if(i == l - 1){
		$('next').hide();
	}
	$('previous').show();
	boldMe(e[i--]);
}

function boldMe(i){
	var id = i.id.split('_');
	var newid = --id[1];
	for(var i=0; i < l; i++){
		$(e[i]).removeClassName('bold');
	}
	$(e[newid]).addClassName('bold');
}

function toggleMe(){
	hideAll();
	var id = this.id.split('_');
	$('record_'+id[2]).show();
	$('click_me_'+id[2]).addClassName('bold');
	$('next').show();
	$('previous').show();
	if(id[2] == l){
		$('next').hide();	
	}
	if(id[2] == 1){
		$('previous').hide();	
	}
}