$(function() {
	// fade in content
	$(window).load(function() {
        $('#logoline').css({visibility: 'visible', opacity: 0}).fadeTo(500, 1, null);
        $('#social').css({visibility: 'visible', opacity: 0}).delay(250).fadeTo(500, 1, null);
        $('#about').css({visibility: 'visible', opacity: 0}).delay(500).fadeTo(500, 1, null);
        $('#disclaimer').css({visibility: 'visible', opacity: 0}).delay(500).fadeTo(500, 1, null);
        $('#twitter').css({visibility: 'visible', opacity: 0}).delay(800).fadeTo(500, 1, null);
        $('#projects').css({visibility: 'visible', opacity: 0}).delay(1000).fadeTo(500, 1, null);
        $('#project1').css({visibility: 'visible', opacity: 0}).delay(1250).fadeTo(500, 1, null);
        $('#project2').css({visibility: 'visible', opacity: 0}).delay(1450).fadeTo(500, 1, null);
        $('#project3').css({visibility: 'visible', opacity: 0}).delay(1650).fadeTo(500, 1, null);
        $('#project4').css({visibility: 'visible', opacity: 0}).delay(1850).fadeTo(500, 1, null);
        $('#project5').css({visibility: 'visible', opacity: 0}).delay(2050).fadeTo(500, 1, null);
        $('#project6').css({visibility: 'visible', opacity: 0}).delay(2250).fadeTo(500, 1, null);
        $('#project7').css({visibility: 'visible', opacity: 0}).delay(2500).fadeTo(500, 1, null);        
        $('#project8').css({visibility: 'visible', opacity: 0}).delay(2500).fadeTo(500, 1, null);
        $('#bottom').css({visibility: 'visible', opacity: 0}).delay(2750).fadeTo(500, 1, null);
        $('footer').css({visibility: 'visible', opacity: 0}).delay(3000).fadeTo(500, 1, null);
    });
    // project hover
    $('ul.projects li a').hover( function() {
    	$('#titlehover').remove();
    	$(this).prepend('<div id="titlehover">Click to visit</div>');
    }, function() {
    	$('#titlehover').remove();
    });
    $('ul.projects span a').hover( function() {
    	$('#titlehover').remove();
    }, function() {
    	$('#titlehover').remove();
    });
    $('#usk_container').hover( function() {
    	$('#titlehover a').remove();
    	$(this).prepend('<div id="titlehover" style="margin-top:75px;">Click to watch</div>');
    }, function() {
    	$('#titlehover').remove();
    });
    // add twitter script
    $('#twitter').append('<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/luckyarts.json?callback=twitterCallback&count=3"></script>');

});

function ToggleVideo() {
	$('li#usk-logoanimation').slideToggle('fast');
}

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><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>');
  }
  $("#loadingfeed").hide();
  document.getElementById('twitter_container').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';
  }
}