/*
Here are the clouds defined in array
-------------------------------------------------------------*/

$(function() {
	if (!$.browser.msie || $.browser.version > 5) {
		$("#cloud-holder").clouds({
			clouds: [
				{src:'cloud-1.png',x:-150,y:90,speedX:-1},
				{src:'cloud-2.png',x:160,y:70,speedX:-2},
				{src:'cloud-2.png',x:1260,y:110,speedX:-2},
				{src:'cloud-3.png',x:0,y:0,speedX:-1},
				{src:'cloud-3.png',x:1400,y:0,speedX:-2},
				{src:'cloud-4.png',x:0,y:50,speedX:-1},
				{src:'cloud-4.png',x:1400,y:150,speedX:-1},
				{src:'cloud-5.png',x:1315,y:0,speedX:-1},
				{src:'cloud-6.png',x:65,y:0,speedX:-1},
				{src:'cloud-6.png',x:965,y:0,speedX:-2},
				{src:'cloud-7.png',x:1150,y:0,speedX:-1},
				{src:'cloud-8.png',x:310,y:0,speedX:-2},
				{src:'cloud-9.png',x:180,y:90,speedX:-1},
				{src:'cloud-9.png',x:1280,y:160,speedX:-1},
				{src:'cloud-10.png',x:500,y:160,speedX:-1},
				{src:'cloud-11.png',x:680,y:65,speedX:-1},
				{src:'cloud-12.png',x:100,y:20,speedX:-2},
				{src:'cloud-13.png',x:910,y:145,speedX:-1},
				{src:'cloud-14.png',x:0,y:0,speedX:-1},
				{src:'cloud-15.png',x:280,y:200,speedX:-3},
				{src:'cloud-15.png',x:120,y:70,speedX:-2}
				],
			folder: 'img/',
			speed: 80
			//fader: !$.browser.msie
		});
	}
});

/*
Here are the default general settings for clouds (opacityStep, speed, fader)
-------------------------------------------------------------*/
$.fn.clouds = function(settings) {
	settings = $.extend({
		clouds: [],
		folder: '/',
		//speed: Math.random(),
		speed: 1,
		opacityStep: 1,
		fader: false
	}, 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="cloud"></div>');
				cDiv.css({
					top: cloud.y+"px",
					left: cloud.x+"px",
					width: cImg.width+"px",
					height: cImg.height+"px",
					backgroundImage: 'url('+this.src+')',
					zIndex: 2
				});
				self.append(cDiv);
				var o = settings.opacityStep;
				//cloud.currentO = Math.random()*1;
				//cloud.currentO =o;
				//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"});
						//cDiv.css({border: "1px solid red"});
					}
				}, settings.speed);
			});
			cImg.src = settings.folder + cloud.src;
		});
	
	});
}