$(document).ready(function() {

	var some_ready = 2, skip = '';
/*
	$.ajax({
		url : '/twtr',
		dataType : 'html',
		success : function(data) {
			$('#twitter_feed').empty();
			$(data).find('item').each(function(i, el) {
				$('#twitter_feed').append('<li><p><a href="' + $(el).find('link').html() + '">' + $(el).find('title').html() + '</a></p></li>');
			});
			some_ready++;
			if(some_ready === 3) {
				setInterval(function() {
					start_some_scroll();
				}, 4000);
			}
		}
	});
*/

	setInterval(function() {
		start_some_scroll();
	}, 4000);

	function start_some_scroll() {
		var t = 0;
		if(skip !== 'twitter') {
			some_scroll('#twitter_feed');
			t = t + 100;
		}
	
		if(skip !== 'facebook') {
			setTimeout(function() {
				some_scroll('#facebook_feed');
			}, t);
			t = t + 100;
		}

		if(skip !== 'blog') {
			setTimeout(function() {
				some_scroll('#blog_feed');
			}, t);
		}
	}

	function some_scroll(id) {
		$(id).stop().animate({
			'left' : '-283px'
		}, 400, function() {
			$(id).append($(id + ' li:eq(0)').clone());
			$(id + ' li:eq(0)').remove();
			$(id).css('left', '0px');
		});
	}

	$('#twitter_feed').live('mouseenter mouseleave', function(e) {
		if(e.type === 'mouseenter') {
			skip = 'twitter';
		} else {
			skip = '';
		}
	});
	$('#facebook_feed').live('mouseenter mouseleave', function(e) {
		if(e.type === 'mouseenter') {
			skip = 'facebook';
		} else {
			skip = '';
		}
	});
	$('#blog_feed').live('mouseenter mouseleave', function(e) {
		if(e.type === 'mouseenter') {
			skip = 'blog';
		} else {
			skip = '';
		}
	});

	$('#navigation .card').each(function(i, el) {
		var offset = $(el).parent('li').prop('offsetLeft');
		$(el).css('left', '-' + offset + 'px');
	});
	
	
	
	var backgrounds = $('#backgrounds');
	var images = backgrounds.find('img');
	var images_i = 0;
	var blurbs = $('.blurb');
	var blurbs_i = 0;
	
	images.slice(1).hide();
	blurbs.slice(1).hide();

	setInterval(function() {
		images.eq(images_i++ % images.length).stop(true, true).delay(1000).fadeOut(1000);
		images.eq(images_i % images.length).css('z-index', images_i).stop(true, true).fadeIn(1000);

		blurbs.eq(blurbs_i++ % blurbs.length).stop(true, true).fadeOut(500);
		blurbs.eq(blurbs_i % blurbs.length).css('z-index', blurbs_i).stop(true, true).fadeIn(1000);
	}, 8000);
});