google.load("feeds", "1");

google.setOnLoadCallback(OnLoad);

function OnLoad() {
  var feed = new google.feeds.Feed("http://thatsmybank.mortgagewebcenter.com/gateway/feeds/rssfeed.aspx");

  feed.setResultFormat(google.feeds.Feed.XML_FORMAT);

  feed.load(feedLoaded);
}

function feedLoaded(result) {
  if (!result.error) {
    var items = result.xmlDocument.getElementsByTagName('item');
    for (var i = 0; i < items.length; i++) {
      var item = items[i];

      var title = item.getElementsByTagName('title')[0].firstChild.nodeValue;
	  title = title.replace("Adjustable", "Variable");
      var desc = item.getElementsByTagName('description')[0].firstChild.nodeValue;
      
      var descArray = processDescription(desc);
	  
	  
	  var ratesTable = '<div class="tableShow"><h4><a href="' + descArray[0] + '">' + title + '</a></h4><table><tr><th>Rate</th><th>APR</th><th>Points</th></tr>' + descArray[1] + '</table></div>';
	  
	  $j("#tables").append(ratesTable);
	  
	  animateRates();
    }
  }
}

//descArray[0] = information link
//descArray[1] = rates table
function processDescription(desc){  
  var descArray = [];
  
  var linkStart = desc.search("http");
  var linkEnd = desc.search('">Important Loan Information</A>');
  descArray[0] = desc.substring(linkStart, linkEnd);
  
  linkStart = desc.search("<A");
  
  descArray[1] = desc.substring(0, linkStart);
  descArray[1] = descArray[1].replace("Interest Rate: ", "<tr><td>");
  descArray[1] = descArray[1].replace("<BR>APR: ", "%</td><td>");
  descArray[1] = descArray[1].replace("<BR>Points: ", "%</td><td>");
  descArray[1] = descArray[1].replace("<BR>", "%</td></tr>");
  
  return descArray;
}


function animateRates(){
	var $j = jQuery.noConflict();
	
	$j(".tableShow:first-child").css('height', '60px');
	$j(".tableShow:first-child h4").css({
			'background-position': '0 -14px',
			'color': '#000' });
	$j(".tableShow h4 a").css('text-decoration', 'underline');
	$j(".tableShow").mouseenter(function() {
		$j(this).stop().animate({ height: "60px" }, 500).children('h4').css({
				'color': '#000',
				'background-position': '0 -14px'});
			});
	$j(".tableShow").mouseleave(function() {
		$j(this).stop().animate({ height: "18" }, 500).children('h4').css({
				'color': '#666',
				'background-position': '0 0'});
			});	
	
	$j(".tableShow h4 a").addClass("iframe");
	$j(".tableShow h4 a").fancybox({
		'hideOnContentClick': false,
		'width': 620,
		'overlayOpacity': 0.9
	});
}