$(function() {
	if (!$.browser.msie || $.browser.version > 7) {
		$("#contNuvem").clouds({
			clouds: [
				{src:'nuvem1.png',x:-400,y:10,speedX:-1},
				{src:'nuvem2.png',x:-200,y:100,speedX:-1.1},
				{src:'nuvem3.png',x:10,y:20,speedX:-1},
				{src:'nuvem4.png',x:120,y:130,speedX:-1.3},
				{src:'nuvem5.png',x:400,y:40,speedX:-1},
				{src:'nuvem6.png',x:750,y:120,speedX:-1.2},
				{src:'nuvem7.png',x:1000,y:100,speedX:-1.1}
			],
			folder: 'images/',
			speed: 100,
			fader: !$.browser.msie
		});
	}
});


$.fn.clouds = function(settings) {
	settings = $.extend({
		clouds: [],
		folder: '/',
		speed: 1,
		//opacityStep: 0.02,
		opacityStep: 0,
		fader: true
	}, settings);
	return this.each(function(n, item) {
		var self = $(item);
		$.each(settings.clouds, function(c, cloud) {
			var cImg = new Image();
			$(cImg).load(function() {
				var cDiv = $('<div class="nuvem"></div>');
				cDiv.css({
					top: cloud.y+"px",
					left: cloud.x+"px",
					width: cImg.width+"px",
					height: cImg.height+"px",
					backgroundImage: 'url('+this.src+')',
					zIndex: 1
				});
				self.append(cDiv);
				var o = settings.opacityStep;
				//cloud.currentO = Math.random();
				cloud.currentO = 1;
				cDiv.css({opacity: cloud.currentO});
				window.setInterval(function() {
					if (settings.fader) {
						if (cloud.currentO > 1.0) o = -settings.opacityStep;
						if (cloud.currentO < 0.3) o = +settings.opacityStep;
						cloud.currentO += o;
						cDiv.css({opacity: cloud.currentO});
					}
					var currentLeft = parseInt(cDiv.css("left"));
					cDiv.css({left: (currentLeft - cloud.speedX)+'px'});
					if (cDiv.offset().left > $(document).width() - self.offset().left) {
						var s = -cImg.width;
						cDiv.css({left: s+"px"});
					}
				}, settings.speed);
			});
			cImg.src = settings.folder + cloud.src;
		});
	});
}