var counter = 1;
var oldTitle = 'Business Silver';
var step1 = null;
var step2 = null;
var step3 = null;
var step4 = null;
var branche = null;
var unteseiten = null;
var vorname = '';
var name = '';
var telefon = '';
var mail = '';

$(document).ready(function(){
	
	// Index Business Slider
	
	$('.businessSlider').live('click',function(){
		var title = $(this).attr('title');
		if(title != oldTitle){
			//$('.businessPakete').animate({'margin-top':'10px'},500);
			//$(this).parent().animate({'margin-top':'100px'},500);
			$('#businessContent').hide('normal');
			
			switch(title){
				case 'Business Gold': {
						oldTitle = title;
						$('#arrowUp').animate({'margin-left':'245px'},500);
						$('#businessContent').show('normal').html('<h2>Webdesign - Business Gold</h2><p>Wem das Business Silver einfach nur zu klein ist oder nicht passt, kommt das Business Gold wie gerufen.  In diesem umfangreichen Business Gold Paket befinden sich weitaus mehr Inhalte sowie Leistungen als in seinem Vorgänger. Das Business Gold Paket ist ein Jahres Abo, welches sich für Mittelständige aber auch für Neugründer lohnt, die ein hohes Maß an Qualität voraussetzen und im Geschäftsleben erfolgreich durchstarten möchten.</p><p>Mehr zu <a class="ajaxLive" href="/webdesign/business-gold/" title="Business Gold">Business Gold</a></p>');
				}
				break;
				case 'Business Platin': {
						oldTitle = title;
						$('#arrowUp').animate({'margin-left':'443px'},500);
						$('#businessContent').show('normal').html('<h2>Webdesign - Business Platin</h2><p>Noch größer und umfangreicher als sämtlich andere enmy Business Pakete ist das Business Platin Jahres Abo. Auch in diesem Paket (Business Platin) befinden sich zahlreiche Produkte sowie Leistungen rund um professionelles Webdesign und Printdesign sowie Webhosting auf leistungsfähigen Server mit ausreichendem Webspace für Ihre Onlineprojekte.  Das enmy Team berät und begleitet Sie als Ihren Webmaster für einen reibungslosen Verlauf.</p><p>Mehr zu <a class="ajaxLive" href="/webdesign/business-platin/" title="Business Silver">Business Platin</a></p>');
				}
				break;
				default: {
						oldTitle = title;
						$('#arrowUp').animate({'margin-left':'43px'},500);
						$('#businessContent').show('normal').html('<h2>Webdesign - Business Silver</h2><p>Das von enmy zusammengestellte Business Silver Paket ist eines der beliebtesten sowie preiswertesten Webdesign Pakete für Unternehmen, welche einen hohen Maß an Qualität und Service legen. Das Business Silver Paket beinhaltet nicht nur ein Webdesign (Web S) Paket, welches auf leistungsfähigen Server gehostet wird, sondern auch Logodesign, Visitenkarten und Flyer Design inklusive Druck sowie Lieferung und vieles mehr. Profitieren auch Sie von dem Business Silver Paket und wählen Sie heute noch für einen erfolgreichen Start im Geschäftsleben, Ihr gewünschtes Business Jahres Abo aus.</p><p>Mehr zu <a class="ajaxLive" href="/webdesign/business-silver/" title="Business Silver">Business Silver</a></p>');
				}
			}
		}
		return false;
	});
	
	
	// 5 Step Box
	$('#step'+counter).show();
	
	$('#stepContainer').show('normal').html('<div id="step1"><h3>Um welches Projekt soll es sich handeln?</h3><ul class="question"><li><input name="step1" value="Newdesign" type="radio" />Neugestaltung einer Webseite</li><li><input name="step1" value="Redesign" type="radio" />Überarbeitung einer Webseite</li></ul></div>');
	
	$("input:radio").live('click', function(){
		var sw = $(this).val();
		var previous = $("#answer").text();
		$('#step'+counter).fadeOut();
		counter++;
		$('#stepContainer').fadeOut('slow');
		window.setTimeout("stepSwitch()",500);
		//stepSwitch();
		$('#schritt'+counter).css({'color':'#FFFFFF'});
		$('#step'+counter).fadeIn();
		$("#answer").html(previous +sw+', ');
	});
	
	$("input:button").live('click', function(){
		if($('#Branche').val() != 'default') {
			var sw = $(this).val();
			var previous = $("#answer").text();
			$('#step'+counter).fadeOut();
			counter++;
			$('#stepContainer').fadeOut('slow');
			var test = window.setTimeout('stepSwitch()',500);
			$('#schritt'+counter).css({'color':'#FFFFFF'});
			$('#step'+counter).fadeIn();
			$("#answer").html(previous +sw+', ');
		} else {
			$('#brancheCheck').css('color','red');
		}
	});
	
	$('#angebot5step form').live('submit', function() {
		if($('input[name=Vorname]').val() != undefined) {
			vorname = $('input[name=Vorname]').val();
		}
		if($('input[name=Nachname]').val() != undefined) {
			name = $('input[name=Nachname]').val();
		}
		/*
		if($('input[name=Telefon]').val() != undefined) {
			telefon = $('input[name=Telefon]').val();
		}
		*/
		if($('input[name=E-Mail]').val() != undefined) {
			mail = $('input[name=E-Mail]').val();
		}
		var message = step1 + " - \n" + step3 + " - \n" + step4 + " - \n" + branche + " - \n" + unterseiten + "\n";
		var strBetreff = 'Angebotsanfrage';
		var strAnliegen = 'Beratung';
		var strAnrede = 'Herr';
		$.ajax({
			url: $(this).attr('action'),
			data: ({anliegen: strAnliegen, betreff: strBetreff,anrede: strAnrede, nachricht: message, email: mail, vorname: vorname, nachname: name, telefon: telefon, submit: 'test'}),
			type: "POST",
			success: function(data) {
				if(data.indexOf('<h1 class="clearBoth">Senden Erfolgreich</h1>') > 0) {
					counter = 6;
					stepSwitch();
				} else {
					counter = 7;
					stepSwitch();
				}
			},
			error: function(data) {
					counter = 7;
					stepSwitch();
			}
		});
		return false;
	});
	//$('#angebot5step form input[type=submit]').live('click', submit_5Step);
	
	$('.angebot5StepBack').live('click',function() {
		counter = 5;
		stepSwitch();
		return false;
	});
	
	
	
	
});

function stepSwitch() {
		switch(counter){
			case 2:{
				step1 = $('input:radio[name=step1]:checked').val();
				$('#stepContainer').html('<div id="step2"><h3>Um welche Branche handelt es sich und<br />wieviele Unterseiten sind gewünscht?</h3><br /><p><span id="brancheCheck">Branche: </span><select name="Branche" size="1" id="Branche"><option value="default">Bitte wählen</option><option>Architektur & Bauwesen</option><option>Automobilindustrie</option><option>IT & Internet</option><option>Design</option><option>Dienstleistungen</option><option>Elektrotechnick</option><option>Erotik</option><option>Friseur</option><option>Forschung</option><option>Fotografie</option><option>Garten & Landschaftsbau</option><option>Geologie</option><option>Gesundheit & Fitness</option><option>Hotel & Gaststätten</option><option>Immobilien</option><option>Import & Export</option><option>Kinderbetreuung</option><option>Kosmetik</option><option>Mode</option><option>Möbel</option><option>Maler</option><option>Management</option><option>Nailart & Nageldesign</option><option>Personalbeschaffung</option><option>Pflegeberufe</option><option>Rechtsanwalt & Rechtsberatung</option><option>Restaurants & Gastronomie</option><option>Textilindustrie</option><option>Unterhaltungsbranche</option><option>Versicherungen</option><option>Sonstiges</option></select><br /><br />1 Startseite<br />ca. <select name="Unterseiten" size="1" id="Unterseiten"><option>9 Unterseiten</option><option>16 Unterseiten</option><option>40 Unterseiten</option><option>Über 60 Unterseiten</option></select><br />1 Kontaktformular<br />1 Impressum<br /><br /><input class="btn btnSubmit radius" name="weiter" value="weiter" type="button" /></p></div>');
			}
			break;
			case 3:{
				branche = $('#Branche').val();
				unterseiten = $('#Unterseiten').val();
				$('#stepContainer').html('<div id="step3"><h3>Um welche Art von Webseite soll es sich handeln?</h3><ul class="question"><li><input name="step3" value="Webseite für Privatnutzer" type="radio" />Webseite für Privatnutzer</li><li><input name="step3" value="Webseite für Unternehmer" type="radio" />Webseite für Unternehmer</li><li><input name="step3" value="Webseite für Neugründer" type="radio" />Webseite für Neugründer</li><li><input name="step3" value="Onlineshop" type="radio" />Onlineshop</li><li><input name="step3" value="Blogseite" type="radio" />Blogseite</li></ul></div>');
			}
			break;
			case 4:{
				step3 = $('input:radio[name=step3]:checked').val();
				$('#stepContainer').html('<div id="step4"><h3>Wie Hoch ist Ihr Budget Limit?</h3><ul class="question"><li><input name="step4" value="Budget 60€ bis 300€" type="radio" />60€ bis 300€</li><li><input name="step4" value="Budget 300€ bis 1.000€" type="radio" />300€ bis 1.000€</li><li><input name="step4" value="Budget 1.000€ bis 3.000€" type="radio" />1.000€ bis 3.000€</li><li><input name="step4" value="Budget 3.000€ bis 10.000€" type="radio" />3.000€ bis 10.000€</li><li><input name="step4" value="Budget 10.000€ bis 50.000€" type="radio" />10.000€ bis 50.000€</li><li><input name="step4" value="Budget 50.000€ und mehr" type="radio" />50.000€ und mehr</li></ul></div>');
			}
			break;
			case 5:{
				if($('input:radio[name=step4]:checked').length>0) {
					step4 = $('input:radio[name=step4]:checked').val();
				}
				$('#stepContainer').html('<div id="step5"><h3>Bitte geben Sie Ihre Daten an:</h3><ul class="question"><li><div>Vorname:*</div> <input name="Vorname" type="input" value="' + vorname + '" /></li><li><div>Nachname:*</div> <input name="Nachname" type="input" value="' + name + '" /></li><li><div>Telefon:</div> <input name="Telefon" type="input" value="' + telefon + '" /></li><li><div>E-Mail:*</div> <input name="E-Mail" type="input" value="' + mail + '" /></li><li><br /><input class="btn btnSubmit radius" name="Angebot anfordern" type="submit" /></li></ul></div>');
			}
			break;
			case 6:{
				$('#stepContainer').html('<div id="step6"><h3>Vielen Dank!</h3><p>In kürze erhalten Sie ein unverbindliches Angebot.</p></div>');
			}
			break;
			case 7:{
				$('#stepContainer').html('<div id="step6"><h3>Folgende Pflichtfelder müssen ausgefüllt sein!</h3><p>- Vorname<br />- Nachname<br />- E-Mail<br /><br />Bitte füllen Sie die fehlenden Felder aus.<br /><br /><a href="#" class="angebot5StepBack">Zurück zum Formular</a></p></div>');
			}
			break;
		}
		$('#stepContainer').fadeIn(500);
	}