//Options see: http://mootools.net/docs/more/Fx/Fx.Accordion
var myAcc = '';

window.addEvent('domready', function() {
	myAcc = new Accordion($('accordionContent'), 'h3.toggler', 'div.accordionElement', {
		opacity: false,
		alwaysHide: false, 
		display: -1,
		show: 0,
		initialDisplayFx: false,
		onActive: function(toggler, element){
			toggler.setStyle('background-image', 'url(/template/images/bureaukalender2011/bg-arrow-white-red.gif)');
			toggler.setStyle('background-color', '#FF0000');
			toggler.setStyle('color', '#FFFFFF');
			toggler.getChildren('span')[0].setStyle('color', '#000000');
			toggler.getChildren('span')[0].setStyle('background-color', '#FFFFFF');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('background-image', 'url(/template/images/bureaukalender2011/bg-arrow-red-white.gif)');
			toggler.setStyle('background-color', '#FFFFFF');
			toggler.setStyle('color', '#000000');
			toggler.getChildren('span')[0].setStyle('color', '#FFFFFF');
			toggler.getChildren('span')[0].setStyle('background-color', '#FF0000');
		}
	});
});

function updateAccordion(p_iValue){
	document.getElementById('chooseChristmasCover').style.display = 'none';
	document.getElementById('chooseChristmasCard').style.display = 'none';
	document.getElementById('christmasCovers').style.display = 'none';
	
	var sCheckedSize = getCheckedValue(document.forms['kalenderform'].elements['form[size]']);
	
	if(p_iValue == 1){
		if(document.getElementById('christmas_cover1').checked == true){
			document.getElementById('christmasCovers').style.display = '';
			document.getElementById('chooseChristmasCard').style.display = '';					
		}
		if (sCheckedSize == 'A' || sCheckedSize == 'B') {
			document.getElementById('quantitySizeAB').style.display = '';
		}
		if (sCheckedSize == 'C') {
			document.getElementById('quantitySizeC').style.display = '';
		}
		if (sCheckedSize == 'D') {
			document.getElementById('quantitySizeD').style.display = '';
		}
		if(document.getElementById('packing_option1').checked == true){
			if(sCheckedSize == 'D'){
				document.getElementById('luxieurPacking').style.display = '';
			} else {
				document.getElementById('luxieurPacking2').style.display = '';
			}
		}
		document.getElementById('personalizedOptionTwo').style.display = 'none';
		document.getElementById('chooseChristmasCover').style.display = '';
		document.getElementById('christmasCardPrices').style.display = 'none';
		document.getElementById('chooseChristmasCard').style.display = '';		
		document.getElementById('bureauKalender').style.display = 'table';
		document.getElementById('personal').innerHTML = 'Stap 8';
		document.getElementById('wish').innerHTML = 'Stap 9';
		document.getElementById('overview').innerHTML = 'Stap 10';
		document.getElementById("nextBtn").setAttribute("onclick", "myAcc.display(2);return false;");
		updatePersonalizingLimit(30, 650);
	} else {
		document.getElementById('personalizedOptionTwo').style.display = '';
		document.getElementById('chooseChristmasCover').style.display = 'none';
		document.getElementById('christmasCardPrices').style.display = '';
		document.getElementById('quantitySizeAB').style.display = 'none';
		document.getElementById('quantitySizeC').style.display = 'none';
		document.getElementById('quantitySizeD').style.display = 'none';
		document.getElementById('quantityPackageABC').style.display = 'none';
		document.getElementById('quantityPackageD').style.display = 'none';
		document.getElementById('chooseChristmasCard').style.display = 'none';
		document.getElementById('christmasPackage').style.display = 'none';	
		document.getElementById('christmasCovers').style.display = '';
		document.getElementById('bureauKalender').style.display = 'none';
		document.getElementById('personal').innerHTML = 'Stap 3';
		document.getElementById('wish').innerHTML = 'Stap 4';
		document.getElementById('overview').innerHTML = 'Stap 5';
		document.getElementById("nextBtn").setAttribute("onclick", "myAcc.display(7);return false;");
		updatePersonalizingLimit(650, 30);
	}	
}

function updatePhotoSerie(p_iValue){
	document.getElementById('ownPhotoSerie').style.display = 'none';
	document.getElementById('photoSerie').style.display = 'none';
	if(p_iValue == 1){
		document.getElementById('ownPhotoSerie').style.display = '';		
		document.getElementById('photoSerie').style.display = '';
	}
	document.getElementById('accordionElement7').style.height = 'auto';
}

function updateAirEnveloppe(p_sValue){
	document.getElementById('airEnveloppes').style.display = 'none';
	if(p_sValue == 'y'){
		document.getElementById('airEnveloppes').style.display = '';
	}	
}

function updateChristmasCover(p_iValue){
	document.getElementById('christmasCovers').style.display = 'none';
	document.getElementById('christmasPackage').style.display = 'none';
	if(p_iValue == 1){
		document.getElementById('christmasCovers').style.display = '';
		if(document.getElementById('products1').checked == true){
			document.getElementById('christmasPackage').style.display = '';	
		}		
	}
	document.getElementById('accordionElement9').style.height = 'auto';		
}

function updateLuxieurPacking(p_iValue){
	document.getElementById('quantityPackageABC').style.display = 'none';
	document.getElementById('quantityPackageD').style.display = 'none';
	
	var sCheckedSize = getCheckedValue(document.forms['kalenderform'].elements['form[size]']);
	if(p_iValue == 1){
		if(sCheckedSize == 'D'){
			document.getElementById('quantityPackageD').style.display = '';
			document.getElementById('luxieurPacking').style.display = 'none';
			document.getElementById('luxieurPacking2').style.display = '';			
			document.getElementById("packing3").checked = true;	
		} else {
			document.getElementById('quantityPackageABC').style.display = '';
			document.getElementById('luxieurPacking').style.display = '';
			document.getElementById('luxieurPacking2').style.display = 'none';			
			document.getElementById("packing3").checked = false;	
		}
	} else {
		document.getElementById('luxieurPacking').style.display = 'none';
		document.getElementById('luxieurPacking2').style.display = 'none';
	}
	document.getElementById('accordionElement4').style.height = 'auto';			
}

function updatePacking(p_iValue) {
	
	document.getElementById('quantitySizeAB').style.display = 'none';
	document.getElementById('quantitySizeC').style.display = 'none';
	document.getElementById('quantitySizeD').style.display = 'none';
	document.getElementById('quantityPackageD').style.display = 'none';
	document.getElementById('quantityPackageABC').style.display = 'none';
	document.getElementById('luxieurPacking').style.display = 'none';
	document.getElementById('luxieurPacking2').style.display = 'none';
	
	if(p_iValue == 'D'){
		if (document.getElementById("packing_option1").checked == true) {
			document.getElementById('luxieurPacking2').style.display = '';
		}
		document.getElementById('quantitySizeD').style.display = '';
		document.getElementById('quantityPackageD').style.display = '';
		document.getElementById("packing3").checked = true;	
	} else {
		if(document.getElementById("packing_option1").checked == true){
			document.getElementById('luxieurPacking').style.display = '';
			document.getElementById('quantityPackageABC').style.display = '';
		} 			
		document.getElementById("packing3").checked = false;
		if(p_iValue == 'A' || p_iValue == 'B'){
			document.getElementById('quantitySizeAB').style.display = '';
		} else {
			document.getElementById('quantitySizeC').style.display = '';
		}
	}	
}

function updatePersonalizing(p_bValue){
	document.getElementById('personalized').style.display = (p_bValue?'block':'none');
	document.getElementById('accordionElement5').style.height = 'auto';	
}

function updatePersonalizing2(p_bValue){
	document.getElementById('personalized2').style.display = (p_bValue?'block':'none');
	document.getElementById('accordionElement6').style.height = 'auto';	
}

function updateCalendarium(p_iValue){
	if(p_iValue == 1){
		document.getElementById('personalized3').style.display = 'none';
	} else {
		document.getElementById('personalized3').style.display = '';
	}
	document.getElementById('accordionElement7').style.height = 'auto';	
}

function updatePersonalizingLimit(iFrom, iTo) {
	var oLabel = $$('#personalized label.labelPersonalNote');
	var sHtml = oLabel.get('html')[0];
	oLabel.set('html', sHtml.replace( new RegExp(iFrom, 'g'), iTo));
	$('personal_note').set('onkeyup', 'return imposeMaxLength(this, '+iTo+')');
}

function updatePersonalizingTwo(p_iValue){
	if(p_iValue == 1){
		document.getElementById('personalizedTwo').style.display = '';
	} else {
		document.getElementById('personalizedTwo').style.display = 'none';
	}
	document.getElementById('accordionElement3').style.height = 'auto';	
}


function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}

function imposeMaxLength(Object, MaxLen){ 
	var iCharLength = Object.value.length;
	var iRemainChars = MaxLen - iCharLength;
	var oChars = document.getElementById(Object.name+'_chars');
	if(oChars){
		oChars.innerHTML = '&nbsp;'+((iRemainChars < 0) ? 0 : iRemainChars)+' resterend';
	}
		
	if(iRemainChars <= 0){
		Object.value = Object.value.substr(0,MaxLen);
	}	
	return true;
}