function jhopTweets(obj) {
  var twitters = obj;
  var statusHTML = "";
  var username = "";
  for (var i=0; i<4; i++)
  {
    username = twitters[i].user.screen_name
    statusHTML += ("<li class='tweet-"+ (i+1) +"'><span class='body'>"+htmlifyTweet(twitters[i].text)+"</span> <a class='tweet-link' href='http://twitter.com/"+username+"/statuses/"+twitters[i].id+"'>"+relative_time(twitters[i].created_at)+"</a></li>")
  }
  document.getElementById('jhop-twitter-list').innerHTML = statusHTML;
}

function htmlifyTweet(tweet) {
  var txt = tweet.replace(
    /(https?:\/\/[-a-z0-9._~:\/?#@!$&\'()*+,;=%]+)/ig,
    '<a href="$1">$1</a>'
  ).replace(
    /@+([_A-Za-z0-9-]+)/ig, 
    '<a href="http://twitter.com/$1">@$1</a>'
  ).replace(
    /#+([_A-Za-z0-9-]+)/ig,
    '<a href="http://search.twitter.com/search?q=%23$1">'
        +'#$1</a>'
  );
  return txt
}

function relative_time(time_value) {    
  var values = time_value.split(" ");
  time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];

  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset() * 60);

  if (delta < 60) {
    return 'less than a minute ago';
  } else if(delta < 120) {
    return 'about a minute ago';
  } else if(delta < (60*60)) {
    return (parseInt(delta / 60)).toString() + ' minutes ago';
  } else if(delta < (120*60)) {
    return 'about an hour ago';
  } else if(delta < (24*60*60)) {
    return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
  } else if(delta < (48*60*60)) {
    return '1 day ago';
  } else {
    return (parseInt(delta / 86400)).toString() + ' days ago';
  }
}

function handleStateAndDate(stateAndDate) {
  $("#month").html(stateAndDate.date.month);
  $("#day").html(stateAndDate.date.day);
  $("#state").html(stateAndDate.state);
}

var calendar = {
	init: function() {
		$("div.calendar div.contents a").live("click", function() {
			var eventName = $(this).attr("data-name");
			var location = $(this).attr("data-location");
			var description = $(this).attr("data-description");
			var start = $(this).attr("data-start");
			var end = $(this).attr("data-end");
			
			var html = "<h1 style='margin-bottom: 0;'>" + eventName + "</h1>";
			html += "<p style='margin-top: 0;'>" + description + "</p>"
			html += "<p>"
			html += "" + start + " - " + end + "";
			html += "</p>"
			lightbox.contents(html);
			lightbox.open();
			return false;
		});
	}
};

var lightbox = {
	init: function() {
		$("#lightbox a.close").click(function() {
			lightbox.close();
			return false;
		});
		$("#lightbox-canvas").click(function() {
			lightbox.close();
		});
	},
	close: function() {
		$("#lightbox").fadeOut();
		$("#lightbox-canvas").fadeOut();
	},
	open: function() {
		leftVal = ($(window).width() / 2) - $("#lightbox").outerWidth(true) / 2
		topVal = ($(window).height() / 2) - $("#lightbox").outerHeight(true) / 2
		$("#lightbox").css("left", leftVal).css("top", topVal); 
		$("#lightbox").fadeIn();
		$("#lightbox-canvas").fadeIn();
	},
	contents: function(content) {
		$("#lightbox .contents").html(content);
	}
};

$(function() {
	lightbox.init();
	calendar.init();
});