Event.observe(document,'dom:loaded',function(){
  var mortgage = $('mortgage_feed');
  
  // find first tab link and grab id
  var mortgage_id = mortgage.down('li a').readAttribute('id');
  display_rows(mortgage_id);
  
})

function display_rows(mortgage_id){
  var mortgage = $('mortgage_feed');
  
  // make sure all table rows with this mortgage_id are showing, and hide all the rest
  mortgage.select('tbody tr').each(function(elm){
    if(elm.hasClassName('mortgagetype_' + mortgage_id))
      elm.show();
    else
      elm.hide();
  });
}

// click toggle tabs - click
function financeClick(elm,value){
  display_rows($(elm).readAttribute('id'));
	var tabs=$('tabs_feed').childElements();
	// deselect all tabs first
	for (i=0;i<tabs.length;i++){
		tabs[i].removeClassName('sep_selected');
		tabs[i].removeClassName('sep_l_selected');
		tabs[i].removeClassName('nav_selected');
		tabs[i].removeClassName('sep_r_selected');
	}
	// set the selected tab to on
	$('financesep_ll'+value).addClassName('sep_selected');
	$('financesep_l'+value).addClassName('sep_l_selected');
	$('financenav'+value).addClassName('nav_selected');
	$('financesep_r'+value).addClassName('sep_r_selected');
  $('financesep_rr'+value).addClassName('sep_selected');
  // $('financesep'+sep2_value).addClassName('sep_selected');
}

// hover toggle tabs - over
function financeTabOver(value){
	$('financesep_ll'+value).addClassName('sep_hover');
  $('financesep_rr'+value).addClassName('sep_hover');
	$('financesep_l'+value).addClassName('sep_hover');
	$('financenav'+value).addClassName('nav_hover');
	$('financesep_r'+value).addClassName('sep_hover');
}
// hover toggle tabs - out
function financeTabOut(value){
	$('financesep_ll'+value).removeClassName('sep_hover');
	$('financesep_l'+value).removeClassName('sep_hover');
	$('financenav'+value).removeClassName('nav_hover');
	$('financesep_r'+value).removeClassName('sep_hover');
  $('financesep_rr'+value).removeClassName('sep_hover'); 
}