window.addEvent('load', function() {
	
	var body = document.body;
	var banan = 2;
	
	new Asset.images([
		'img/banan1.jpg',
		'img/banan2.jpg',
		'img/banan3.jpg',
		'img/banan4.jpg',
		'img/banan5.jpg',
		'img/banan6.jpg',
		'img/klubba1.png',
		'img/klubba2.png'
	]);
	
	var klubba = new Element('div', {
		'styles': {
			'background-image': 'url(img/klubba1.png)',
			'position': 'absolute',
			'width': 320,
			'height': 261,
		}
	});
	
	body.adopt(klubba);
	
	var moveKlubba = function(e) {
		var pos = new Event(e).page;
		klubba.setStyle('top', pos.y - 130);
		klubba.setStyle('left', pos.x - 160);
	}
	
	var klubbaNer = function(e) {
		klubba.setStyle('background-image', 'url(img/klubba2.png)');
		body.setStyle('background-image', 'url(img/banan'+banan+'.jpg)');
		banan++;
		if (banan > 6) {
			var klubbaFx = klubba.get('tween');
			window.removeEvent('mousedown', klubbaNer);
			klubbaFx.start('opacity', 0).chain(function() {
				window.removeEvent('mousemove', moveKlubba);
				window.removeEvent('mouseup', klubbaUpp);
				klubba.destroy();
				delete klubba, klubbaFx;
				visaSkylt.delay(500);
			});
		}
	}

	var klubbaUpp = function(e) {
		klubba.setStyle('background-image', 'url(img/klubba1.png)');
	}
	
	var visaSkylt = function() {
		var skylt = new Element('div', {
			'text': 'You win!',
			'styles': {
				'position': 'absolute',
				'background-color': '#000',
				'color': '#fff',
				'-webkit-border-radius': '5px',
				'-moz-border-radius': '5px',
				'border-radius': '5px',
				'line-height': '40px',
				'text-align': 'center',
				'width': 320,
				'left': '50%',
				'top': '50%',
				'font-weight': 'bold',
				'margin-left': -160
			}
		});
		
		var skyltFx = new Fx.Morph(skylt);
		
		skyltFx.set({
			'opacity': 0,
			'margin-top': -40
		});
		
		body.adopt(skylt);
		
		skyltFx.start({
			'opacity': 0.7,
			'margin-top': -20
		});
		
		(function(){
			var m = $('ligt').get('morph');
			m.set({
				'margin-right': -200,
				'margin-top': -150,
				'opacity': 0
			});
			$('ligt').setStyle('display', 'block');
			m.start({
				'margin-right': 0,
				'margin-top': 0,
				'opacity': 0.99
			});
		}).delay(2000);
		
	}
	
	window.addEvent('mousemove', moveKlubba);
	window.addEvent('mousedown', klubbaNer);
	window.addEvent('mouseup', klubbaUpp);

});