$(document).ready(function(){
 // cache container
 var $container = $('#wrap');
 // initialize isotope
 $container.isotope({ filter: '.work' });

 // filter items when filter link is clicked
 $('#filters a').click(function(){
   var selector = $(this).attr('data-filter');
   $container.isotope({ filter: selector });
   return false;
 });
 
 
 // Colorbox
 $('a.interactive').colorbox({rel:'interactive'});
 $('a.branding').colorbox({rel:'branding'});
 $('a.design').colorbox({rel:'design'});

 $('a.external').click(function() {
    $(this).attr('target', '_blank');
 });
 
 //Colorbox gallery
 $("a[rel='1'], a[rel='2'], a[rel='3'], a[rel='4'], a[rel='5'], a[rel='6'], a[rel='7'], a[rel='8'], a[rel='9'], a[rel='10'], a[rel='11'], a[rel='12'], a[rel='13'], a[rel='14'], a[rel='15'], a[rel='16'], a[rel='17']").colorbox({
                       transition:"fade",
                       current: "{current} / {total}",
                       previous: "←",
                       next: "→",
                       close: "x",
                       loop: false,
                       initialHeight: "60",
                       initialWidth: "100",
                       opacity: 0.7,
                       preloading: true
               });



  // Hover
  $("div.hover").css({'opacity':'0'});

  $('#wrap article.work').hover (
	function() {
		$(this).find('div.hover').stop().fadeTo(150, 1);
	},
	function() {
		$(this).find('div.hover').stop().fadeTo(150, 0);
	}
 )

});

function twitterCallback2(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('<span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'">'+relative_time(twitters[i].created_at)+'</a>');
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

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