var quoteFX;
var status;
var statusTime;
var statusIdx = 0;
var statusReq;

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 UpdateStatus()
{
    if( statusReq ) return;
    statusReq = new Json.Remote( '/blog/core/Status.php?userId=' + authors[statusIdx%authors.length] + '&out=json', 
    {
	    onComplete: function(obj)
	    {
	        quoteFX.start({'opacity':0}).chain(function()
	        {
	            status.setProperty( 'href', 'http://twitter.com/' + obj.twitter );
                status.setText( obj.firstname + ' ' + obj.lastname + ': ' + obj.status );
                quoteFX.start({'opacity':1});
                statusTime.setText( obj.created == '' ? '' : relative_time( obj.created ) );
            });
            statusIdx++;
            statusReq = undefined;
	    }
    }).send();

}

window.onload = function() 
{    
    status = $('status');
    statusTime = $('statusTime');
    quoteFX = $('quote').effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
    statusIdx = Math.round((authors.length - 1) * Math.random());
    // disabled for now...
    //UpdateStatus();
    //UpdateStatus.periodical(7000);
	setFooter();
	
	var fontSmall = $('fontSmall');
	var fontMed = $('fontMed');
	var fontBig = $('fontBig');

	var TextSize = fontSmall;
	
	TextSize.setStyle('color', "#fff");
	
	$('search').onkeydown = function(ev)
	{
	    if( new Event(ev).key == 'enter' )
	        search();
	}
	
	
	
	
}
window.onresize = function() 
{
	setFooter();
}

function search()
{
    window.location = '/blog/search/' + $('search').value;
}