//animated hover for portfolio divs
$(function() {
	$('.mini_portfolio_item').animate({"opacity": .7 });

	$('.mini_portfolio_item').hover(function() {
		$(this).stop().animate({ "opacity": 1 });
	}, function() {
		$(this).stop().animate({ "opacity": .7 });
	});
});

//image rollovers
$(function() {

	var offsetX = 20;
	var offsetY = 10;
	
	$('#mini_portfolio_item a').hover(function(e) {
		var href = $(this).attr('href');
		$('<img id="hoverImage" src="' + href + '" alt="big image" />')
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		.appendTo('body');
	}, function() {
		$('#hoverImage').remove();
	});
	
	$('a').mousemove(function(e) {
		$("#hoverImage")
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX);
	});
});