$(window).bind('load', function() {

	$('img.slider').each(function() {
		$('<img/>').src = this.src;
	});

});

$(document).ready(function() {

	$("#slider").easySlider({
		auto: true, 
		continuous: true,
		controlsShow: false,
		speed: 900,
		pause: 5000
	});

	top_event_id = null;

	list_events();

	setInterval(check_for_events, 4000);
	
	function check_for_events() {
		if (top_event_id) {
			update_events();
		} else {
			list_events();
		}
	}

	function list_events() {
		$.ajax({
			url: '/event/list_events', 
			cache: false,
			dataType: 'json',
			success: function(events) {
				this.events = events;
				var html = '';
				if (events.length > 0) {
					$('#events').addClass('border_gray');
					top_event_id = events[0]._id;
				} else {
					$('#events').removeClass('border_gray');
				}
				for (var i = 0; i < events.length; i++) {
					if (i == 0) {
						html += '<div/>';
					}
					html += '<div class="event height_66 padding_top_8';
					if (i < events.length - 1) {
						html += ' event_border';
					}
					html += '">';
					html += build_event(events[i]);
					html += '</div>';
				}
				$('#events').html(html);
			}
		});
	}

	function update_events() {
		$.ajax({
			url: '/event/get_next_event/?event_id=' + top_event_id, 
			cache: false,
			dataType: 'json',
			success: function(event) {
				if (event) {
					if ($('div.event').length == 8) {
						$('div.event:last').remove();
						$('div.event:last').removeClass('event_border');
					}
					top_event_id = event._id
					html = '<div class="temp event padding_top_8';
					if ($('div.event').length > 0) {
						html += ' event_border';
					}
					html += '"></div>';
					$('#events').prepend(html);
					$('div.temp').animate({height: '66px'});
					var html = build_event(event, true);
					$('div.temp').html(html);
					$('div.temp').removeClass('temp');
					$('div.temp1.display_none').fadeIn(1000);
					$('div.temp1').removeClass('temp1');
				}
			}
		});
	}

	function build_event(event, is_hidden) {
		var html = '<div class="';
		if (is_hidden) {
			html += 'temp1 display_none';
		}
		html += '">';
		html += '<div class="float_left padding_right_10">';
		if (event.profile_photo_id) {
			html += '<img class="box padding_4 box_corners" src="/profile_photo_thumbnails/4/' + 
				event.profile_photo_id + '"/>';
		} else {
			html += '<img class="box padding_4 box_corners" src="/images/live_feed_photo_placeholder.png"/>';
		}
		html += '</div>';
		html += '<div>';
		html += '<a href="/' + event.user_name + '">' + event.first_name + ' ' + event.last_name + 
			'</a> ';
		if (event.event_type_name === 'photo_uploaded') {
			html += 'posted a new ';
			html += '<a href="/photo/get_preview/?photo_id=' + event.photo_id + '">photo</a>';
			html += '.';
		} else if (event.event_type_name === 'project_created') {
			html += 'posted a new ';
			html += '<a href="/project/get_project/?projectid=' + event.project_id + '">project</a>';
			html += '.';
		} else if (event.event_type_name === 'blog_created') {
			html += 'posted a new ';
			html += '<a href="/blog/get_blog/?blogid=' + event.blog_id + '">blog</a>';
			html += '.';
		} else if (event.event_type_name === 'blog_comment_created') {
			html += 'posted a new ';
			html += '<a href="/blog/get_blog/?blogid=' + event.blog_id + '">blog comment</a>';
			html += '.';
		} else if (event.event_type_name === 'photo_comment_created') {
			html += 'posted a new ';
			html += '<a href="/photo/get_preview/?photo_id=' + event.photo_id + '">photo comment</a>';
			html += '.';
		}
		html += '</div>';
		html += '<div class="float_off"/>';
		html += '</div>';
		return html;
	}

});