// JavaScript Document

var twitterCarouselController;

function twitterCallback(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    statusHTML.push('<li style="display:none"><span>'+status+'</span><br/><br/> <a class="twitterAgo" style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
 
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
  // Copy twitter content into drop-down list
  setDropDownContent();
  
  twitterCarouselController = new NemoCarouselController("twitter_update_list", 2000);
}

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';
  }
}


// document init
$(function() {
           $("#dropDownContainer").fadeOut(0);
           $("#twitterFeedContainer").hover(function(){ $("#dropDownContainer").fadeIn(500);}, function(){$("#dropDownContainer").fadeOut(500)});
          
           
           });


function setDropDownContent()
{
    var twitterContent =  $("#twitter_update_list").html()
    $("#dropDownContainer").html(twitterContent);
    
    // reset styles
    $("#dropDownContainer").children('li').css({display:'block', opacity:1});
}


/* carousel */

function NemoCarouselController(carouselElementID, speed)
{
    this.index = 0;
    this.speed = speed;
    this.carouselElementID = carouselElementID;
    this.init();
}



function CarouselUpdate(carousel)
{
    carousel.update();   
}



NemoCarouselController.prototype.init = function()
{
    this.carouselElement = document.getElementById(this.carouselElementID);

    // hide all images except top
    var elements = this.carouselElement.getElementsByTagName("li");

    // randomise start
    this.index = Math.floor(Math.random()*(elements.length));
    
    // Start timer
    CarouselUpdate(this);  

}



NemoCarouselController.prototype.update = function()
{
    // hide all images except top
    var elements = this.carouselElement.getElementsByTagName("li");   

    var nextIndex = 0;
    if(this.index < (elements.length - 1)) nextIndex = this.index + 1;      

    // swop images 
    $(elements[this.index]).fadeOut(this.speed);
    $(elements[nextIndex]).fadeIn(this.speed);

    this.index = nextIndex;
   
    setTimeout(CarouselUpdate, (this.speed * 2), this);

}