function frmsubmit(frm) {
	$('overlay').removeClass('hidden');
	$(frm).submit();
}
function showdetail(id,pos) {
	for (i=1;i<=3;i++) {
		if ($('pane'+id+'-'+i)) {
			if (pos==i) {
				$('pane'+id+'-'+i).removeClass('hidden');
				$('sel'+id+'-'+i).addClass('active');
			} else {
				$('pane'+id+'-'+i).addClass('hidden');
				$('sel'+id+'-'+i).removeClass('active');
			}
		}
	}
}

function showservice(id,pos) {
	i=1;
	while ($('serv'+id+'-'+i)) {
		if (pos==i) {
			$('serv'+id+'-'+i).removeClass('hidden');
			$('selserv'+id+'-'+i).addClass('active');
		} else {
			$('serv'+id+'-'+i).addClass('hidden');
			$('selserv'+id+'-'+i).removeClass('active');
		}
		i++;
	}
}

window.addEvent('domready', function() {
	var urlpath = '';
	var row = 0;	// row number

	var res = 0;


	//We can use one Request object many times.
	var req = new Request.HTML({url: urlpath+'index.php',method:'get',
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('mib-'+row).set('html', '');
			//Inject the new DOM elements into the results div.
			$('mib-'+row).adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('mib-'+row).set('html', '<p>The request failed.</p>');
		}
	});

	$$('.moreinfo').each(function(el) {
		el.addEvent('click', function() {
			id = el.getProperty('id');
			row = id.substring(5,id.length);
			el.toggleClass('active');
			if ($('mib-'+row).hasClass('mib-active')) {
				$('mib-'+row).set('html', '');
				$('mib-'+row).removeClass('mib-active');
			} else {
				$('mib-'+row).addClass('mib-active');
				$('mib-'+row).set('html', '<p class="ajaxwait">Loading...</p>');
				req.send('eID=certdb&id='+row);
		}
			return false;
		});
	});
});