jQuery(document).ready(function(){
	$(function(){
		$("#container a").tipTip();
	});

  jQuery.fn.floatingBackground = function(userOptions){
		options = jQuery.extend({
			parent:'wrapper2',
			stage:'wrapper2',
			scale:0.3,
			xOffset:0,
			yOffset:0,
			blur:true,
			isText:false,
			blurColor:'#888',
			frameRate:33
		}, userOptions);
		
		var parent = options.parent;
		var stage = options.stage;
		var scale = options.scale;
		var xOffset = options.xOffset;
		var yOffset=options.yOffset;
		var blur=options.blur;
		var isText=options.isText;
		var blurColor=options.blurColor;
		var frameRate=options.frameRate;
		var midX=$('#'+stage).width()/100;
		var midY=$('#'+stage).height()/100;
		var _x=midX;
		var _y=midY;
		var xx=midX;
		var yy=midY;
		var objectId=$(this).attr('id');
		shadowAmount=0;
		window["timer"+objectId]=window.setInterval(update,frameRate);
		$('#'+parent).mousemove(function(event){
			_x=event.pageX;
			_y=event.pageY;
			
			if(shadowAmount<5&&blur==true)
				shadowAmount+=scale
		});
					
		factor=scale*0.5;
		
		function update(){
			xx+=(((_x-midX)*-scale)-xx)*factor;
			yy+=(((_y-midY)*-scale)-yy)*factor;
			var pos=xx+xOffset+$('#'+parent).position().left;
			var sop=yy+yOffset+$('#'+parent).position().top;
			var lip=pos+"px "+sop+"px";$('#'+objectId).css('background-position',lip)
		}
	};
	
	$(function(){
		$('#bg1').floatingBackground({
			scale : 0.1,
			xOffset : -50,
			yOffset : -52,
			blur : false,
		});
		
		$('#bg2').floatingBackground({
			scale : 0.4,
			xOffset : 100,
			yOffset : 120,
			blur : false,
		});
		
		$('#bg3').floatingBackground({
			scale : 0.3,
			xOffset : -350,
			yOffset : -370,
			blur : false,
		});
	});
});