$(document).ready(function() {
/*+-----------------------------------------------+*/
/*|           Internet Explorer Weiche            |*/
/*+-----------------------------------------------+*/		
	/* User Agent (Browserkennung) auf einen bestimmten Browsertyp prüfen */  
	function checkBrowserName(name){  
		var agent = navigator.userAgent.toLowerCase();  
		if (agent.indexOf(name.toLowerCase())>-1) {  
			return true;  
		}  
		return false;  
	}
	
	var browserCheck = 0;
	var browserVersion = $.browser.version.substring(0,1)
	if(checkBrowserName('MSIE') && ( browserVersion == 8)){
		browserCheck = 1;
	}
/*+-----------------------------------------------+*/
/*|          Farbe ändern                         |*/
/*+-----------------------------------------------+*/	
	$('.colorFieldTextil').click(function(){
		var img = $(this).attr('href');
		var farbID = $(this).attr('rel');
		var imgID = $(this).attr('id');
		//alert(img);
		$('#img').attr('src','media/'+img);
		//HiddenFeld füllen
		$('#a_img').val(imgID);
		$('#am_4').val(farbID);
	
		return false;
	});	
/*+-----------------------------------------------+*/
/*|    Preis anpassen                             |*/
/*+-----------------------------------------------+*/	
	function setPrice(){
   		var anz =  $("#artikelAnzahl option:selected").val();
      	var aktID =	$("#selectAttr:checked").val();
		
		if($("#selectAttr").length){
			var price = $("#prodPrice"+aktID).val();
		}else{
			var price = $("#prodPriceValue").val();
		}
		
		price = price.replace(',','.');
		price = parseFloat(price,2);
		var priceNew = price * parseInt(anz);
		priceNew = priceNew.toFixed(2);
		priceNew = priceNew.replace('.',',');
		
		//Preis setzen
		$('#prodPrice').text(priceNew);
		//Aktuelle AttributID setzen 
		$('#am_3').text(aktID);
	};
	
	$(".selectAttr").change(setPrice);
	$("#artikelAnzahl").change(setPrice);
/*+-----------------------------------------------+*/
/*|    Artikel in Warenkorb legen                 |*/
/*+-----------------------------------------------+*/	
	function ms_submit() {
		//Pürfen ob Farbe gewählt wurde, wenn Farbeigenschaft vorhanden ist
		var farbe = $('#am_4').val();
		
		if((farbe == "" || farbe == 'undefined') && $('#colorChooseTextil').length >0 ){
			showBoxMeldung('Bitte wählen Sie eine Farbe für den Artikel');
			$('#textInsert').css('backgroundColor', '#F99');
		}else{
			var $akID = $(this).attr('id');
			
			var submitData = $(this).serialize();
			//alert($(this).serialize());							   
			
			$.ajax({
				url: 'mod_minishop/ms_get.php',
				type: 'POST',
				dataType: 'html',
				data: submitData,
				success: function(data) {
					//alert(data);
					//Vorschau Warenkorb aktualisieren
					$('#ms_wk_preview').removeClass('hidden');
					$('#ms_wk_preview').empty();
					$(data).appendTo('#ms_wk_preview');
					//Warenkorb aktualisieren
					$('#ms_wk_table_body').remove();
					$('#ms_wk_table_footer').remove();
					$(data).insertAfter('#ms_wk_table_head');
					
					//Button Klick aktivieren
					$('.addToBasket').bind('submit', ms_submit);
					
					//Erfolgsmeldung ausgeben bei einzelnem ADD Button
					//showMeldungAdd('<p><strong>Artikel wurde zum Warenkorb hinzugefügt!</strong></p>');
					
					//Erfolgsmeldung anzeigen bei Übersicht
					//$('.addTo').remove();
					//$('<div class="addTo hidden"></div>').appendTo('#'+$akID);
					//showMeldungAddOverview('<p><img src="grafiken/erfolg.png" /></p>');
				}
			});	
		}
		return false;
	};
	
	$('.addToBasket').submit(ms_submit);

	//Meldung ausblenden
	function hideMeldungAdd(){
		$('.addTo').fadeOut('slow');
	}
	
	//Meldung anzeigen
	function showMeldungAdd(meld){
		$('.addTo').removeClass('hidden');
		$('.addTo').html(meld);
		$('.addTo').fadeIn();
		setTimeout(hideMeldungAdd, 2000);
	}
	//Meldung ausblenden
	function hideMeldungAddOverview(){
		$('.addTo').fadeOut('slow');
	}
	
	//Meldung anzeigen
	function showMeldungAddOverview(meld){
		$('.addTo').removeClass('hidden');
		$('.addTo').html(meld);
		$('.addTo').fadeIn();
		setTimeout(hideMeldungAddOverview, 2000);
	}

	//Meldungsbox initialisieren
	$('<div class="addTo hidden" style="position:absolute; bottom:0; left:0;"></div>').appendTo('#erfolg');
	
	
	$('<div id="loading"></div>').appendTo('#addToBasketForm')
    .ajaxStart(function() {
      $(this).show();
    }).ajaxStop(function() {
      $(this).hide();
    });
/*+-----------------------------------------------+*/
/*|           Meldung anzeigen                    |*/
/*+-----------------------------------------------+*/
	//Meldung ausblenden
	function hideBoxMeldung(){
		$('.meldungsBox').fadeOut('slow');
	}
	
	//Meldung anzeigen
	function showBoxMeldung(meld){
		$('.meldungsBox').removeClass('hidden');
		$('.meldungsBoxContent').html(meld);
		$('.meldungsBox').fadeIn();
		$('.closeButton').bind('click', hideBoxMeldung);
	}
	$('.closeButton').click(hideBoxMeldung);
	//Meldungsbox initialisieren
	$('<div class="meldungsBox hidden"><div class="closeButton"></div><div class="meldungsBoxHeader"></div><div class="meldungsBoxContent"></div><div class="meldungsBoxFooter"></div></div>').appendTo('body');	
	
	
	
	var $input = $('#rCode');	

	$input.focus(function (){
		//Nur leeren wenn kein UserContent drinnen ist
		if(false == $(this).hasClass('insertContent')){ 
			tmpVal = $(this).attr('value');
			$(this).attr('value', '');
		}
	}).blur(function() {
		if (this.value == '') {
			//eventuell die insertContent Klasse entfernen
			$(this).removeClass('insertContent');
			//Den dazugehörigen Labeltext holen
			labelAktID = $(this).attr('id');
			//label = $("label[for='"+labelAktID+"']").text();
			label = $("#rCodeText").text();
	  		$(this).attr('value', label);
		}else{
			//Wenn das Formularfeld nicht mehr leer ist, wurde vom Benutzer Text eingefügt. Um diesen beim nächsten Focus nicht auszublenden wird dem tag eine Klasse hinzugefügt
			$(this).addClass('insertContent');
		}
	});
	
	
});