/*
	Javascript
*/
var sorten = new Array('original', 'noir', 'orange', 'champagne', 'kirschanis', 'mocca', 'cassis');
var modus = '';		// "_simple"
var num = sorten.length;
var namen = new Object({ 
	'original': 'Classique', 
	'noir': 'Noir', 
	'orange': 'Orange', 
	'champagne': 'Champagne', 
	'kirschanis': 'Kirsch-Änis', 
	'mocca': 'Mocca-Kardamon', 
	'cassis': 'Cassis'
});
var preise = new Object({
	'original': 1.7, 
	'noir': 1.9, 
	'orange': 1.7, 
	'champagne': 1.7, 
	'kirschanis': 1.7, 
	'mocca': 1.7, 
	'cassis': 1.7	
});
var dieWahl = new Array();
var iw = '';		// text ihre wahl
var ip = '';		// preis ihre wahl


function initCBK(pr) {
	if(pr)
		var combo = pr.split(','); 
	// bilder vorladen
	var images = new Array();
	$each(sorten, function(im) {
		images.push('sub/onlineshop/cbk/img/'+im+'.png');
	});
	var loader = new Asset.images(images);
	// vorlage kopieren
	var chtml = $('hidden').get('html');
	// caramelina platzieren
	dieWahl = new Array();
	for(var i=0;i<6;i++) {
		var c = new Element('div', {
			'class':'caramelina',
			'html':chtml
		}).inject($('container'));
		c.cIndex = combo ? sorten.indexOf(combo[i]) : 0;
		c.num = i;
		if(combo) {
			dieWahl.push(combo[i]);
			var sorte = sorten[c.cIndex];
			var src = 'sub/onlineshop/cbk/img/'+sorte+modus+'.png';
			$$('.cbild')[c.num].setProperty('src', src);
			$$('.title')[c.num].setProperty('text', namen[sorte]);	
		}
		else
		{
			dieWahl.push('original');
			$$('.title')[c.num].set('text', namen['original'])
		}
		
		if (Browser.Engine.trident) {
			// $$('.up')[i].setStyle('margin-left', -100);
			$$('.down')[i].setStyle('margin-left', -100);
			$$('.title')[i].setStyle('margin-left', -100);
		}
	}
	
	/*
	$each($$('.up a'), function(el) {
		el.direction = 1;
		el.addEvent('click', move);
	});
	*/
	$each($$('.down a'), function(el) {
		el.direction = -1;
		el.addEvent('click', move);
	});
	setDecision();
		
}

function move() {
	var d = this.getParents()[1];
	d.cIndex+= this.direction;
	if(d.cIndex > 5) d.cIndex = 0;
	if(d.cIndex < 0) d.cIndex = num-1;
	var sorte = sorten[d.cIndex];
	var src = 'sub/onlineshop/cbk/img/'+sorte+modus+'.png';
	$$('.cbild')[d.num].setProperty('src', src);
	$$('.title')[d.num].setProperty('text', namen[sorte]);
	dieWahl[d.num] = sorte;
	setDecision();
}

function setDecision() {
	iw = '';
	ip = 0;
	$each(dieWahl, function(el){
		iw += ', '+ namen[el];
		ip += preise[el];		
	});	
	iw = iw.substr(2, iw.length);
	$('yourchoice').set('text', iw);
}