$(function(){
	//опции
	var o = {
		layers : [ //Наборы конфетти из спрайта: первый количество, второй и третий - диапозон
			
			[5, 0, 4],
			[3, 4, 6],
			[3, 6 , 8],
			[2,0,1, true]
		],
		offset : 0, //паддинг холста в процентах
		grid : 80,
		bGrid : 200,
		scrollOffset: [0,0,0,0],
		moveOffset: [20, 10, 5, 100]
	};
	
	//построение
	var box = $('#confetti').css({
		top: o.offset + '%', left: o.offset + '%',
		height:100 - o.offset*2 + '%', width:100 - o.offset*2 + '%'
	});
	
	$($.map(o.layers, function(value){
		var confetti = $(), iMin = value[1], iMax = value[2], confettiArray = [], big = !!value[3];
		
		for(var index=0; index < value[0]; index++) 
			confettiArray.push(-(index % (iMax-iMin+1) + iMin) * (big ? o.bGrid : o.grid));
			
		confettiArray = $.shuffle(confettiArray);
		
		
		for(var index=0; index < value[0]; index++){
			confetti = confetti.add(
				$('<em />').css({
					backgroundPosition: confettiArray[index] + 'px 0',
					top : Math.round(Math.random() * 100) + '%',
					left: Math.round(Math.random() * 100) + '%'
				})
			)
		}
		
		var div = $('<div />');
		if(big) div.addClass('big-confetti');
		
		return div.append(confetti).get(0)
	})).appendTo(box);
	
	var wh, ww;
	 $(window).bind('scroll.cf resize.cf', function(){
		var scrollTop = $(window).scrollTop(); 
			wh = $(window).height();
			ww = $(window).width();
		/*var way = $(document).height() - wh, 
			position = scrollTop / way;
			
		box.children().css('marginTop', function(i){
			return o.scrollOffset[i] * position + '%';
		})*/
	}).trigger('scroll.cf');
	
	var moveHandler;
	 $(document).bind('mousemove.cf', function(e){
		
			var x = .5 -(e.pageX - $(window).scrollLeft()) / ww,
				y = .5 -(e.pageY - $(window).scrollTop()) / wh;
				
			box.children().css({
				top : function(i){
					return -o.moveOffset[i] * y + '%'
				},
				left: function(i){
					return -o.moveOffset[i] * x + '%'
				}
			});
	}).trigger('mousemove.cf'); 
	
	
	
	/*************************
		Логотип и плашка
	***********************
	var logo = $('#logo'), who = $('#whoweare'), whoMargin = parseInt(who.css('marginTop'));
	$(window).scroll(function(){
		var scrollTop = $(window).scrollTop(), kLogo = .2, kWho = .1, logoMax = 150, whoMax = 200;
		
		logo.css('top', Math.min(scrollTop * kLogo, logoMax));
		who.css('marginTop', whoMargin + Math.min(scrollTop * kWho, whoMax));
	});**/
});