$ = jQuery.noConflict();

var twitter_avatar = null;
var twitter_wrapper = null;

jQuery(document).ready(
		function($)
		{
			twitter_avatar = $(".twitter_avatar");
			twitter_wrapper = $(".twitter_wrapper")
			twitter_avatar.hover( AvatarRollIn, AvatarRollOut );
			ResizeElements();
			$(window).resize(ResizeElements);			
		}
);

function AvatarRollIn()
{
	twitter_wrapper.css(
			{
				'left' : twitter_avatar.offset().left,
				'top': twitter_avatar.offset().top - twitter_wrapper.height() - 30
			}
			);
	twitter_wrapper.fadeIn(500);
}

function AvatarRollOut()
{
	twitter_wrapper.fadeOut(500);	
}

function ResizeElements(event)
{
	ResizeImage( $( ".fullscreen" ) );
}

function Log( msg )
{
	$( "#debug" ).append( msg + "<br>" );
}

function ResizeImage(_image) 
{
	var image = $(_image);
	
	image.css({
		width: '',
		height: '',
		left: ''
	});

	var imgWidth	= image.width();
	var imgHeight	= image.height();
	 
	var winWidth	= $(window).width();
	var winHeight	= $(window).height();
	 
	var widthRatio = winWidth / imgWidth;
	var heightRatio = winHeight / imgHeight;
	 
	var scaledImgWidth	= heightRatio * imgWidth;
	var scaledImgHeight = widthRatio * imgHeight;
	var cssLeft = 0;

	if(scaledImgWidth > winWidth)
		cssLeft = -(scaledImgWidth - winWidth)/2;
	else
		cssLeft = 0;

	
	if(scaledImgHeight > winHeight) 
	{ 			
		image.css({
			width:	winWidth+'px',
			left:	cssLeft,
			height: scaledImgHeight+'px'
		});
	}
	else
	{
		image.css({
			width:	scaledImgWidth+'px',
			left:	cssLeft,
			height:	winHeight+'px'
		});		
	}

	image.css("visibility", "visible");
}