$(document).ready(function(){
	
	$("#container").css({'height':$("#wrapper").height()+"px"}).fadeTo(0, 0.84);
	
});
$(window).load(function(){
	$("#container").css({'height':$("#wrapper").height()+"px"}).fadeTo(0, 0.84);
	
	scaleImage();
	
	window.onresize = function(){
		scaleImage();
	}	
	function scaleImage()
	{
		var image = new Image();
		image.src = $("#img img").attr('src');
		var iHeight = image.height;
		var iWidth = image.width;
		var wHeight = $(window).height();
		var wWidth = $(window).width();
		var iRatio = iHeight/iWidth;
		var wRatio = wHeight/wWidth;
		
		
		
		if(iRatio >= wRatio)
		{
			var factor = iWidth/wWidth;
			$("#img img").css({'height':iWidth/factor+"px", 'width':iWidth/factor+'px'});
		}
		else
		{
			var factor = iHeight/wHeight;
			$("#img img").css({'height':iHeight/factor+"px",'width':iWidth/factor+"px"});
			
		}
	}
	setTimeout(function(){
		$("#img img").fadeIn(200);
	}, 100);
	
	var flickr_images = 0;
	$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=38998658@N05&format=json&jsoncallback=?", function(data){
		$.each(data.items, function(i,item){
			flickr_images +=1;
			if(flickr_images <= 3)
			{
				$("<img style='border: none; width: 130px;' />").attr("src", item.media.m).appendTo("#flickr_images")
				.wrap("<p style='width: 90px; height: 90px;margin: 0 5px 10px 5px; text-align: center; overflow: hidden; float: left;'><a href='http://www.flickr.com/photos/freneticfilms/'></a></p>");
				$("#container").css({'height':$("#wrapper").height()+"px"});
			}
		});
	});
	
	setTimeout(function(){
		$("#container").css({'height':$("#wrapper").height()+"px"});
	}, 5000)
	
	
})