﻿
function slideSwitch(){
	var $active = $('#mainPhoto img.active');
	if ( $active.length == 0 ) $active = $('#mainPhoto img:last');
	var $next =  $active.next().length ? $active.next() : $('#mainPhoto img:first');
	$active.addClass('last-active');
	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			$active.removeClass('active last-active');
		});
}

function getTwitter(){
	var url = "http://twitter.com/statuses/user_timeline/designaward2012.json?callback=?";
	$.getJSON(url,function(data){
		$('p', '#twitter').remove();
		$.each(data, function(i, items){
			items.text = items.text.replace(/(https?:\/\/[-_\.!~*\'()a-zA-Z0-9;\/\?:&=]+)/, "<a href='$1'>$1</a>");
			output =
				'<div class="t_box clearfix">' +
				'<div class="t_img"><img src="'+items.user.profile_image_url+'" width="48" height="48" /></div>' +
				'<div class="t_com">'+items.text+'</div>' +
				'</div>'+"\n";
			$("#twitter").append(output);
		});
	});
}

$(function() {
	$('#mainPhoto img').css({opacity: 0.0});
	slideSwitch();
	setInterval( "slideSwitch()", 3000 );
	getTwitter();
});

