// step 1 = kuchen
// step 2 = extras
// step 3 = verpackung / wrapping
// step 4 = warenkorb

function showCake(){
	$('#smxconf').hide();
	$('#cakeDetails').show();
	$('#currentStep').data('step',1);
	showStep(1);
}

function showNextExtras(aGroup_oxid,oxcheckgroup){
	$(document).data( 'previousPosition', $(document).scrollTop() ); // aktuelle scroll-position merken (avoids jumping)
	var step = $('#currentStep').data('step');
	
	if( step == 1 ){
		// varianten müssen ausgewählt sein
		var jumpOut = false;
		$('.variants select').each(function(index, Element){
			if( $(Element).val() == ""){
				jumpOut = true;
			}
		});
		if(jumpOut) return;
	}
	
	$('#cakeDetails').hide();
	
	// extras auswählen (grafik)
	if( !$('#currentStep').data('veryfirst') ){
		getConfiGroupDetails(aGroup_oxid,oxcheckgroup);
	}
	$('#currentStep').data('veryfirst',false);
	$('#smxconf').show();
	
	$('#currentStep').data('step',step + 1);
	showStep(step +1);
}
function showPrevExtras(aGroup_oxid,oxcheckgroup){
	$(document).data( 'previousPosition', $(document).scrollTop() ); // aktuelle scroll-position merken (avoids jumping)
	if( $('#currentStep').data('step') == 2){
		// kuchen auswählen (grafik)
		showCake();
		return;
	}
	var step = $('#currentStep').data('step');
	
	getConfiGroupDetails(aGroup_oxid,oxcheckgroup);
	
	$('#currentStep').data('step',step - 1);
	showStep(step - 1);
}

function setStepArea($stepData){
	$('#currentStep').append($stepData);
}

function clearStepArea(){
	$('#currentStep').children().remove();
}
function showStep(stepNumber){
	var maxSteps = $('.otherSteps .step').length;
	if(stepNumber == 1){
		changeStepImage2Active(1);
		changeStepImage2InActive(2);
		changeStepImage2InActive(3);
	}else if(stepNumber < maxSteps){
		changeStepImage2InActive(1);
		changeStepImage2Active(2);
		changeStepImage2InActive(3);
	}else{ // stepNumber >= maxSteps -> letzter Schritt
		changeStepImage2InActive(1);
		changeStepImage2InActive(2);
		changeStepImage2Active(3);
	}
	clearStepArea();
	setStepArea( $($('.otherSteps .step')[stepNumber-1]).clone(true) );
}

function changeStepImage2Active(stepNumber){
	$($('ul.steps li img')).each(function(index, Element){
		var inactiveString = "step"+stepNumber+"_inactive";
		var activeString = "step"+stepNumber+"_active";
		if( $(Element).attr("src").indexOf(inactiveString) != -1){
			var newSrc = $(Element).attr("src").replace(/_inactive/,"_active");
			$(Element).attr("src",newSrc);
		}
	});
}
function changeStepImage2InActive(stepNumber){
	$($('ul.steps li img')).each(function(index, Element){
		var inactiveString = "step"+stepNumber+"_inactive";
		var activeString = "step"+stepNumber+"_active";
		if( $(Element).attr("src").indexOf(activeString) != -1){
			var newSrc = $(Element).attr("src").replace(/_active/,"_inactive");
			$(Element).attr("src",newSrc);
		}
	});
}