$(document).ready(function(){
 
// JS Start
//--------
if //Shop Stuttgart
		($("#ofShopST:checked").val()) {
			$("#ofDate h3.removable").remove();
		$("#anzahl h3.removable").remove();
		$(".ST_Date").remove();
		$(".WB_Date").remove();
		$(".formcontainer").append($('<div class="ST_Date">'
									+'<h3 class="shop">gewählter Shop: Stuttgart</h3>'
									//+'<label for="ofOrt">Bitte wähle eine Lieferart<p>'
									//+'<input type="radio" name="ofOrt" id="ofLieferung" value="Lieferung" /> Lieferung<br />'
									+'<div class="input_field input_date"><input type="radio" name="ofOrt" id="ofAbholung" value="Abholung" checked /><label>Abholung</label></div>'
									+'<p class="arrow left datum">Datum:</p><input type="text" name="date" id="date" />'
									+'</div>').hide().fadeIn(500));
									$('#date').datepicker({ minDate: 7,firstDay: 1, dateFormat: 'd-M-yy' });
									
									//Sortiment
									
									$('div.sortiment').hide().fadeIn(500);

	  }
	

// Newsticker
$jScroller.config.refresh = 15;
$jScroller.add("#scroller_container","#scroller","left",1,true);
$jScroller.start();


// DropDown Navi
$('ul#topnav').superfish({
	delay:       500,
	autoArrows:    false
	});
	
	$('ul.topnav_inner').superfish({
	autoArrows:    true
	});


// iFrame Ersatz
$(function()
{
	$('.scroll-pane').jScrollPane({showArrows: true});
});

	
// Fancybox

$("a.single_image").fancybox({
	'titlePosition' 		: 'inside',
	'titleFormat'		: formatTitleSingle
	});


$("a#single_image").fancybox({
	'titlePosition' 		: 'inside',
	'titleFormat'		: formatTitleSingleForm
	
});

$("a.grouped_elements").fancybox({
	'overlayShow'	:	true,
	'titlePosition' 		: 'inside',
	'titleFormat'		: formatTitle

	
	
});

$("a.inline_element").fancybox({
	'overlayShow'	:	true,
	'showCloseButton'	: true,
	'width'			: 471,
	'height'		: 540,
	'type'			: 'iframe'
});

// Fancybox Title Formatierung

 function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<div id="tip-title">' + (title && title.length ? '<b>' + title + '</b><br />' : '' ) + 'Bild ' + (currentIndex + 1) +'</div>';
}

 function formatTitleSingle(title, currentArray, currentIndex, currentOpts) {
	var value = $(currentArray).attr("alt");
    return '<div id="tip-title">' + (title && title.length ? '<b>' + title + '</b><br />' + value : '' ) +'</div>';
}

 function formatTitleSingleForm(title, currentArray, currentIndex, currentOpts) {
    return '<div id="tip-title">' + (title && title.length ? '<b>' + title + '</b><br />' : '' ) +'</div>';
}


// Formular Slides
//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 
	$(".toggle_container_show").show(); 

	//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
	$("h3.trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		return false; //Prevent the browser jump to the link anchor
	});




//----------------------------
// Bestellformular-Überprüfung
//----------------------------

//$.validator.setDefaults({ //Nach Entwicklung abschalten
//	submitHandler: function() { alert("submitted!"); }
//});

	
	
	$("#OrderForm").validate({ //Validierungsregeln setzen
		rules: {
			ofShop: "required",
			ofAngebotAuftrag: "required",
			ofOrt: "required",
			total: { required: true, min: 1 },
			ofVorname: "required",
			ofNachname: "required",
			date: "required",
			ofWohnort: "required",
			ofStrasse: "required",
			ofPLZ: "required",
			ofEmail: "required email",
			ofTel: "required",
			valid_cookies: { required: true, min: 12 },
			valid_cheesecakes: { required: true, min: 12 },
			valid_std: { required: true, min: 12 },
			valid_mini: { required: true, min: 18 },
	
		},
		messages: {
			ofShop: "Bitte wähle einen Shop",
			ofAngebotAuftrag: "Bitte treffe eine Wahl",
			valid_std: { required: "Bitte wähle die gewünschten Produkte", min: "Die Mindestmenge für Cupcakes beträgt 12 Stück."},
			valid_cookies: { required: "Bitte wähle die gewünschten Produkte", min: "Die Mindestmenge für dekorierte Cookies beträgt 12 Stück."},
			valid_cheesecakes: { required: "Bitte wähle die gewünschten Produkte", min: "Die Mindestmenge für Cheesecakes beträgt 12 Stück."},
			valid_mini: { required: "Bitte wähle die gewünschten Produkte", min: "Die Mindestmenge für Mini Cupcakes beträgt 18 Stück."},
			total: { required: "Bitte wähle die gewünschten Produkte", min: "Bitte wähle die gewünschten Produkte"},
			date: "Wähle das gewünschte Datum",
			ofWohnort: "Bitte gib Deinen Wohnort an",
			ofVorname: "Bitte gib Deinen Vornamen ein",
			ofNachname: "Bitte gib Deinen Nachnamen ein",
			ofStrasse: "Bitte gib Deine Straße an",
			ofPLZ: "Bitte gib Deine Postleitzahl an",
			ofTel: "Bitte gib Deine Telefonnummer ein",
			ofEmail: "Bitte gib eine gültige E-Mail-Adresse ein",
			agree: "Please accept our policy"
		}
	});
	

	
	
	
    	// Verpackung
		$('#ofVerpackung').click(function(){
		if ($('#ofVerpackung').attr('checked')) {
    		$(".verpackung_con").append($('<div class="Verpackung_Wahl">'
									+'<p class="arrow deko">Verpackungsart:</p><select name="verpackung_drop">'
									+'<option value="1er">1er</option>'
									+'<option value="2er">2er</option>'
									+'<option value="4er">4er</option>'
									+'<option value="6er">6er</option>'
									+'<option value="9er">9er (nur Mini-Cupcakes)</option>'
									+'<option value="12er">12er</option></select>'
									+'</div>'));
														
		} else {
			$(".Verpackung_Wahl").remove();
		}
		});
		
		
		// Deko
		$('#ofDeko').click(function(){
		if ($('#ofDeko').attr('checked')) {
			$('div.deko_inner_con').hide().fadeIn(500);
			if ($('#total_cookies').val() >= 1) { 
			$('#total_cookies').attr('name', 'valid_cookies');  
			} else {
			$('#total_cookies').removeAttr();
			$('#total_cookies').attr('name', 'total_cookies');  
			};
    		$(".deko_con").append($('<div class="Deko_Text">'
									+'<div class="clear h10"></div>'
					
									
									+'<p class="arrow deko">Deine Dekorationswünsche:</p><textarea name="deko_texteingabe" id="deko_texteingabe">'
									+'</textarea>'
									+'</div>'));
			
			$("#cookies_aenderung p.formtext").remove();
			$("#cookies_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>2 Wochen</b> für dekorierte Cookies! <br />Die Mindestabnahmemenge für dekorierte Cookies beträgt 12 Stück.</p>');
			
			$("#std_aenderung p.formtext").remove();
			$("#std_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>2 Wochen</b> für dekorierte Cupcakes! <br />Die Mindestabnahmemenge für dekorierte Cupcakes beträgt 12 Stück.</p>');
			
			$("#mini_aenderung p.formtext").remove();
			$("#mini_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>2 Wochen</b> für dekorierte Mini-Cupcakes!<br />Die Mindestabnahmemenge für dekorierte Mini-Cupcakes beträgt 18 Stück.</p>');
														
		} else {
			$(".Deko_Text").remove();
			$('div.deko_inner_con').hide();
			
			$('#total_cookies').removeAttr();
			$('#total_cookies').attr('name', 'total_cookies');  
			
			$("#cookies_aenderung p.formtext").remove();
			$("#cookies_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>1 Woche!</b></p>');
			
			$("#std_aenderung p.formtext").remove();
			$("#std_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>1 Woche</b> bei unserem Standard-Sortiment! <br />Die Mindestabnahmemenge für Standard-Cupcakes beträgt 12 Stück.</p>');
			
			$("#mini_aenderung p.formtext").remove();
			$("#mini_aenderung").append('<p class="formtext">Bitte beachte die Vorlaufzeit von <b>1 Woche</b>!<br />Die Mindestabnahmemenge für Mini-Cupcakes beträgt 18 Stück.</p>');
		}
		});
		
		
		// Lieferadresse
		$('#ofAltAdr').click(function(){
		if ($('#ofAltAdr').attr('checked')) {
    		$('#lieferadresse').hide().fadeIn(500);
														
		} else {
			$('#lieferadresse').fadeOut(500);
		}
		});
		

	// Shopauswahl
	$('.shopwahl').click(function() {
	
		$("#ofDate h3.removable").remove();
		$("#anzahl h3.removable").remove();
		// Datepicker
		
		
	  if ( //Shop Weinstadt
		$("#ofShopWB").attr('checked')) {
		$(".ST_Date").remove();
		$(".WB_Date").remove();
		$(".formcontainer").append($('<div class="WB_Date">'
									+'<h3 class="shop">gewählter Shop: Weinstadt-Beutelsbach</h3>'
									//+'<label for="ofOrt">Bitte wähle eine Lieferart<p>'
									//+'<input type="radio" name="ofOrt" id="ofLieferung" value="Lieferung" /> Lieferung<br />'
									+'<div class="input_field input_date"><input type="radio" name="ofOrt" id="ofAbholung" value="Abholung" checked /><label>Abholung</label></div>'
									+'<p class="arrow left datum">Datum:</p><input type="text" name="date" id="date" />'
									+'</div>').hide().fadeIn(500));
									$('#date').datepicker({ minDate: 7,firstDay: 1, dateFormat: 'd-M-yy' });
									
									//Sortiment
									
									$('div.sortiment').hide().fadeIn(500);
									
									
	  } else if //Shop Stuttgart
		($("#ofShopST:checked").val()) {
		$(".ST_Date").remove();
		$(".WB_Date").remove();
		$(".formcontainer").append($('<div class="ST_Date">'
									+'<h3 class="shop">gewählter Shop: Stuttgart</h3>'
									//+'<label for="ofOrt">Bitte wähle eine Lieferart<p>'
									//+'<input type="radio" name="ofOrt" id="ofLieferung" value="Lieferung" /> Lieferung<br />'
									+'<div class="input_field input_date"><input type="radio" name="ofOrt" id="ofAbholung" value="Abholung" checked /><label>Abholung</label></div>'
									+'<p class="arrow left datum">Datum:</p><input type="text" name="date" id="date" />'
									+'</div>').hide().fadeIn(500));
									$('#date').datepicker({ minDate: 7,firstDay: 1, dateFormat: 'd-M-yy' });
									
									//Sortiment
									
									$('div.sortiment').hide().fadeIn(500);

	  }
	  
	




}); // Ende der Validierung


// Gesamtanzahl der Cupcakes um Mindestbestellmenge zu ermitteln
$('input.of_menge').bind('keyup', function() {
	$("input[name='total']").val( $('input.of_menge').sumValues() );
	
	$("input[name='total_std']").val( $('input.menge_std').sumValues() );
	$("input[name='valid_std']").val( $('input.menge_std').sumValues() );
	
	$("input[name='total_cookies']").val( $('input.menge_cookies').sumValues() );
	$("input[name='valid_cookies']").val( $('input.menge_cookies').sumValues() );
	
	$("input[name='total_mini']").val( $('input.menge_mini').sumValues() );
	$("input[name='valid_mini']").val( $('input.menge_mini').sumValues() );
	
	$("input[name='total_cheesecakes']").val( $('input.menge_cheesecakes').sumValues() );
	$("input[name='valid_cheesecakes']").val( $('input.menge_cheesecakes').sumValues() );
});


// Summe ermitteln
$('td').bind('keyup', function() {		
$("input[class^=cupcake]").calc(
	"qty * price",
	{
		qty: $("input[class^=menge]"),
		price: $("[id^=preis]")
	},
	function (s){
		return "€ " + s.toFixed(2);
	},
	function ($this){
		var sum = $this.sum();
		
		$("#summe").val(
			"€ " + sum.toFixed(2) 
		);
	}
);

});

// Klassen für Mindestmenegen verteilen

$('td').bind('keyup', function() {	

//Reguläre Einzelüberprüfung

   if ($('#total_std').val() >= 1) { 
		$('#total_std').attr('name', 'valid_std');  
		} else {
		$('#total_std').removeAttr();
		$('#total_std').attr('name', 'total_std');  
		};	

   if ($('#total_mini').val() >= 1) { 
		$('#total_mini').attr('name', 'valid_mini');  
		} else {
		$('#total_mini').removeAttr();
		$('#total_mini').attr('name', 'total_mini');  
		};			



if ($('#ofDeko').attr('checked')) { 									

        if ($('#total_cookies').val() >= 1) { 
			$('#total_cookies').attr('name', 'valid_cookies');  
			} else {
			$('#total_cookies').removeAttr();
			$('#total_cookies').attr('name', 'total_cookies');  
			};		
}

        if ($('#total_cheesecakes').val() >= 1) { 
			$('#total_cheesecakes').attr('name', 'valid_cheesecakes');  
			} else {
			$('#total_cheesecakes').removeAttr();
			$('#total_cheesecakes').attr('name', 'total_cheesecakes');  
			};		
	

});


// Image Preload
$.preloadCssImages();
	
//--------
// JS Ende

});