$.fn.imagesLoaded = function(callback){
	var elems = this.filter('img'),	len	= elems.length;
			
	elems.bind('load',function(){
			if (--len <= 0){ callback.call(elems,this); }
	}).each(function(){
		 // cached images don't fire load sometimes, so we reset src.
		 if (this.complete || this.complete === undefined){
			var src = this.src;
			// webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
			// data uri bypasses webkit log warning (thx doug jones)
			this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
			this.src = src;
		}
	}); 

	return this;
};

resizeWindow = function() {
	var w = $(window).width();
	var h = $(window).height();
	
	if (w <= 640) {
		$('body').css('background-image', 'url("iphone.jpg")');
	} else if (w <= 1024) {
		$('body').css('background-image', 'url("1024.jpg")');
	} else if (w  >= 1400) {
		$('body').css('background-image', 'url("1440.jpg")');
	} else if (w  >= 1900)  {
		$('body').css('background-image', 'url("1920.jpg")');
	}
	
	$('#sns3').css('left', (w - 460)+'px');
	$('#sns3').css('top', (h - 115)+'px');
	$('#sns2').css('top', (h - 100)+'px');
}

$(document).ready(function(){
	resizeWindow();
	$('#sns1 img').imagesLoaded(function() {
		$('#sns1').animate({
			top: '+=320'
		}, 1000);
	});
});

$(function(){
	$(window).resize(function() {
		resizeWindow();
	});
});