// highlight form fields on focus
function highlightField(field_id) {
	var field_note = field_id.name + '-note';
	new Effect.Highlight($(field_id), {startcolor: '#ffffcc', endcolor: '#ffff99', restorecolor: '#ffff66'});
	if ($(field_note)) {
		$(field_note).style.color = '#ff0000';	
	}
}

// unhighlight form fields on blur
function fadeField(field_id) {
	var field_note = field_id.name + '-note';
	$(field_id).setStyle({'backgroundColor': '#ffffff'});
	if ($(field_note)) {
		$(field_note).style.color = '#555555';	
	}
}

// show modal windows
function showHideModal(elem_id) {
	var elem_vis = $(elem_id).getStyle('display');
	if (elem_vis != 'block') {
		var viewport = document.viewport.getDimensions();
		var screen_width = viewport.width; 
		var screen_height = viewport.height;
		var scrolltop_val = document.viewport.getScrollOffsets()[1];
		var end_left = (screen_width / 2) - 250;
		var end_top = (screen_height / 2) - 187 + scrolltop_val;
		end_left = end_left + 'px';
		end_top = end_top + 'px';
		new Effect.Grow($('cover'), {duration: .1, afterFinish: function() {$(elem_id).setStyle({display: 'block', left: end_left, top: end_top});}});
	} else {
		new Effect.Shrink($('cover'), {duration: .3});
		new Effect.Fade(elem_id, {duration: .3});
	}
	return false;
}

// hide modal windows
function hideModal(elem_id) {
}