$(function() {
	
	/**
	 * Header Tweets
	 */
	
	$('#twitter .tweet').social({
		network : 'twitter',
	    user : 'juliannehough',
	    count : 1,

	    wrapItemIn : '',
	    wrapListIn : '',
		
		twitter : {
			output: '<span class="message">{text}</span><span class="timestamp"><a href="{tweet_url}">Posted {time}</a></span><span class="retweet"><a href="{retweet_url}"></a><span>'
		}
	});
	
	/**
	 * Home Slideshow
	 */
	
	// TODO: Make a timer so the slides rotate.
	
	var banner			= $('#banner'),
		slides			= banner.find('.slides');
		
	// Load in the content
	$.ajax({
		url			: '/api/json/features/HOME_SLIDESHOW',
		dataType	: 'json',
		success		: function(data) {
			// Loop through each frame
			$.each(data, function(i, frameContent) {
				
				// Hide the loading indicator
				banner.find('.loading').remove();
				
				// Build the frame's content
				var frame = $('<div class="slide frame_' + (i + 1) + '" />');
				
				// If the frame is a video
				if(frameContent.source.match(/(flv|mp4|m4v)$/i)) {
					/* Video
					var movie = $('<div id="video_player-' + i + '">').player(frame.source, {
						mode	: 'flash'
					});

					frame.append(movie);*/
				
				// If the frame is an image
				} else if(frameContent.source.match(/(jpe?g|png|gif)$/i)) {
					frame.append('<img src="' + frameContent.source + '" alt="' + frameContent.title + '"/>');

					if(frameContent.url !== '') {
						frame.wrapInner('<a href="' + frameContent.url + '" />');
					}
				} else {
					// Custom
					frame.append.text('custom');
				}
				
				// Write the HTML
				slides.append(frame);
			});
			
			slides.slider({
				transition		: 'slide',
				auto			: true,
				interval		: 15000,
				navigation		: false
			});

			slides.fadeIn();
		}
	});
});