// JavaScript Document
var scr;
var speed = [50, 30];

$(function(){
	scr = screen.width;
	reel_w = scr * 2;
	
	$('body').css('background-image','url(assets/img/bg_fici_sinnubes.jpg)');
	$('body').append('\
	<div id="marco-nubes">\
	<div class="reel-nubes" style="top:0px;"><div class="nube1"></div></div>\
	<div class="reel-nubes" style="top:200px;"><div class="nube2"></div></div>\
	</div>');
	for(x=0; x<2;x++){	
		html = $('.container:eq('+x+')').html();
		height = $('.container:eq('+x+')').height();
		$('.container:eq('+x+')').html('<div class="abs">'+html+'</div>');
		$('.container:eq('+x+')').css('height', height+'px')
	}
	for(x=0; x<$('.reel-nubes').length; x++){
		reel = $('.reel-nubes:eq('+x+')'); // Current Reel
		n_x = 0; // Current Nube Position
		n_w = $('div:eq(0)', reel).width(); // Current Nube Width
		n_q = Math.ceil((scr*2)/n_w);
		
		/// POPULATE
		html = $('.reel-nubes:eq('+x+')').html();
		for(y=0; y<n_q; y++){
			$('.reel-nubes:eq('+x+')').append(html);
			$('.reel-nubes:eq('+x+') div:eq('+(y+1)+')').css('left',((y+1)*n_w)+'px');
		}
		///
		for(y=0; y<$('div', reel).length; y++){
			animteNube($('div:eq('+y+')', reel), speed[x], (n_q*n_w));
		}
	}
})

function animteNube(nube, mspeed, moveLeft){
	nube.animate(
		{left: '+='+mspeed},
		5000,
		'linear',
		function() {
			var left = nube.css('left');
			left = parseInt(left.replace('px',''));
			if(left > (scr* 2)){
				nube.css('left', (left - (moveLeft))+'px');
			}
			animteNube(nube, mspeed, moveLeft);
  });

}