window.addEvent('domready', function(){

	var ppType = $$('div.priceplan-type');
	
	$$('input.select-pp-type').addEvent('click', function(event){
		
		$$('input.select-pp-type').each(function(element, index){
			if(event.target === element){
				ppType[index].setStyle('display','block');
				$('amount').set('html', (index === 0) ? '2' : '3')
			} else {
				ppType[index].setStyle('display','none');
			}
		});
		
	});
	
	var ppb = new PricePlanBar({
		elements: 'div.priceplan-background',
		blocks: 'div.priceplan',
		cssleft: 'priceplan-corner-left',
		cssmiddle: 'priceplan-background',
		cssright: 'priceplan-corner-right',
		additionals: ['div#boosters','div#step2header']
	});
	
	var hb = new HTMLbox({width: 800});
	var bb = new BoostersSelector({
		elements: 'div.booster',
		blocks: 'div.booster-info',
		pointer: 'booster-arrow',
		cssleft: 'booster-left',
		cssmiddle: 'booster',
		cssright: 'booster-right',
		offset:12
	});
	
});