(function($){  
$.fn.fourcorners = function(options) {  

var defaults = {  
pad : "10px" // or override with any hex color
};

var options = $.extend(defaults, options);         

return this.each(function() {   
	
	$(this).addClass('four-corners');
	var boxContent = $(this).html();
	var temp = $('<div class="four-corners-inner"></div>');
	temp.append(boxContent);
	$(this).children().replaceWith(temp);
	$(this).prepend('<div class="top-left"></div><div class="top-right"></div><div class="bottom-left"></div><div class="bottom-right"></div>');
	$('.four-corners-inner').css('padding', options.pad);
});  

};  
})(jQuery);  

function theRotator() {
//Set the opacity of all images to 0
$('div#rotator ul li').css({opacity: 0.0});

//Get the first image and display it (gets set to full opacity)
$('div#rotator ul li:first').css({opacity: 1.0});
	
//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds

$('#click-for-next').click(rotate);

}

function rotate() {	

//Get the first image
var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

//Get next image, when it reaches the end, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	

//Set the fade in effect for the next image, the show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);

//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');

}

$(document).ready(function() {		

//$('#click-for-next').hide();

//Load the slideshow
theRotator();

});

$(document).ready (function () {	

	$('#whats-up').toggle(function() {
		$(this).addClass('explained');
}, function() {
		$(this).removeClass('explained');
});

	$('a.expand-bio').show();
	$('div.person-expandable').hide();
	
	$('a.expand-bio').click(function () {
		var that = $(this);
		$(this).parents('.person-top')
			.siblings('.person-expandable')
			.slideToggle(1000, function () {that.toggleClass('collapse-bio');});
	});

});

$(document).ready(function () {	
	
	$('#explanation').click(function() {
		$(this).hide();
		$('a#whats-up').removeClass('explained');
	});
	
	$('a#whats-up').click(function() {
			$('#explanation').show();
			$(this).addClass('explained');
			return false;
	});
});

$(document).ready(function () {

	$('#scroll-content a, #twitter a, ul#project-list a').attr('target','_blank');

});
