;window.addEvent('domready', function() {
	if ($defined($('show-icecream')))
		return;
	
	var allImages = ['/images/icecreamer/back.jpg', '/images/icecreamer/cone.png', '/images/icecreamer/cup-top.png', '/images/icecreamer/cup.png', '/images/icecreamer/create.jpg', '/images/icecreamer/container-background.jpg', '/images/icecreamer/header.jpg', '/images/icecreamer/input-background.jpg', '/images/icecreamer/loader.gif', '/images/icecreamer/share-w-email.jpg', '/images/icecreamer/share-w-fb.jpg', '/images/icecreamer/submit.jpg'];
	icecreams.each(function(el) {
		allImages.push('/images/icecreamer/icecream/' + el.image + '.png');
	});
	toppings.each(function(el) {
		for (var i = 1; i < 4; i++) {
			allImages.push('/images/icecreamer/toppings/' + el.image + '_' + i + '.png');
		}
	});
	
	var title = new Element('div')
		.set('id', 'progressBar')
		.setStyles({
			'width': '100%',
			'margin-top': '150px',
			'text-align': 'center'
		})
		.set('html', '<h1>Laddar bilder...</h1>')
		.inject($('centerize'), 'before');
	var bar = new Element('div')
		.setStyles({
			'width': '400px',
			'height': '30px',
			'border': '1px solid #bfbfbf',
			'margin': '0 auto'
		})
		.set('html', '<div style="height: 30px; width: 1%; background-color: #4eb1f2"></div>')
		.inject(title);
	
	new Asset.images(allImages, {
		onProgress: function(counter, index) {
			bar.getElement('div').setStyle('width', ((100 / allImages.length) * counter) + '%');
		},
		onComplete: showStart
	});
});

var showStart = function() {
	$('progressBar').dispose();
	
	if (Browser.Engine.trident && Browser.Engine.version < 5) {
		var div = new Element('div')
			.setStyles({
				'text-align': 'left',
				'margin': '50px auto',
				'width': '600px',
				'border': '2px solid #000',
				'background-color': '#eee',
				'padding': '20px'
			})
			.set('html', '<p style="font-weight: bold;">Hej!</p><p>Vi är väldigt glada över att du besöker SIA Glass Glassbarsguide 2011. Vi vill samtidigt göra dig medveten om att den webbläsare du använder sedan flera år är omodern. Sedan din webbläsare (Internet Explorer 6) släpptes för tio år sedan har mycket hänt med internet. Du kommer inte att kunna använda vårat interaktiva verktyg med Internet Explorer 6, så rekommenderar vi dig att uppgradera den.</p><p>Vi rekommenderar följande webbläsare:</p><p>- <a href="http://www.mozilla.org/firefox" target="_blank">Mozilla Firefox</a><br />- <a href="http://www.google.com/chrome" target="_blank">Google Chrome</a><br />- <a href="http://www.opera.com" target="_blank">Opera</a><br />- <a href="http://www.microsoft.com/windows/internet-explorer/" target="_blank">Internet Explorer 8</a><br /></p><p>Självklart är alla gratis för nedladdning och du kommer direkt till dem genom att klicka på namnen ovan.</p>')
			.inject($('centerize'));
			return;
	}
	
	$('i-choose-cone').addEvent('click', function(e) {
			new Event(e).stop();
			
			$('chooser').dispose();
			showPage('cone');
		});
	$('i-choose-cup').addEvent('click', function(e) {
			new Event(e).stop();
			
			$('chooser').dispose();
			showPage('cup');
		});
	
	$('chooser').setStyle('display', 'block');
}

var showPage = function(type) {
	var ice;
	if (type == 'cone') {
		ice = new Cone($('icecream'));
		$('i-choose-name').set('html', 'Döp<br />din strut');
	} else {
		ice = new Cup($('icecream'));
		$('i-choose-name').set('html', 'Döp<br />din bägare');
	}
	
	ice.showScoops($('icecream-container').getElement('.content'));
		
	var elem = ice.getElement();
	elem.inject($('icecream'));
	
	$('i-choose-icecream').addEvent('click', function(e) {
		new Event(e).stop();
		
		$('toppings-button').setStyle('display', 'block');
		$('name-cup').setStyle('display', 'none');
		$('name-cone').setStyle('display', 'none');
		
		updateActiveHeading(this.getParent('.heading'));
		ice.showScoops($('icecream-container').getElement('.content'));
	});
	
	var chooseTopping = function(e) {
		new Event(e).stop();
		
		if (!ice.hasScoop())
			return;
		
		$('toppings-button').setStyle('display', 'none');
		$('name-' + ice.getType()).setStyle('display', 'block');
		
		updateActiveHeading($('i-choose-toppings').getParent('.heading'));
		ice.showToppings($('icecream-container').getElement('.content'));
	}
	var chooseName = function(e) {
		new Event(e).stop();
	
		if (!ice.hasScoop())
			return;
		
		$('icecream-container').getElement('.bottom').getElement('.right').getElements('img').setStyle('display', 'none');
		
		updateActiveHeading($('i-choose-name').getParent('.heading'));
		ice.showNaming($('icecream-container').getElement('.content'));
	}
	
	$('i-choose-toppings').addEvent('click', chooseTopping);
	$('toppings-button').addEvent('click', chooseTopping);
	
	$('i-choose-name').addEvent('click', chooseName);
	$('name-cup').addEvent('click', chooseName);
	$('name-cone').addEvent('click', chooseName);
	
	$('undo').addEvent('click', function(e) {
		new Event(e).stop();
		
		ice.stepBack();
	});
	
	$('naming').getElement('img').addEvent('click', function(e) {
		new Event(e).stop();
		
		ice.showCreation($('icecream-container').getElement('.content'));
	});
	
	$('icecream-container').setStyle('display', 'block');
}