// JavaScript Document
$(document).ready(function(){
//Wyciąga numer na liście wybranego elementu wg parametru DOM 'index' (dot listy select2 = eq(1))
//var Wartosc1 = $("a.selected:eq(1)").attr('index');
$("#marka1").hide(); //glowny
$("#model2").hide(); //glowny

	//Wykonaj w przypadku kiedy został kliknięty element listy TYP lub MARKA
	$('ul#id0 > li > a, ul#id2 > li > a').click( function() {
   		//wyciaga wartość wybranego elementu z listy jNice
		var Select1 = $("a.selected:eq(0)").text();
		//szuka w select1 tekstu Select1, w celu ustalenia jego wartości Value
		var Value1 = $("select#select1:not(Select1)").val();
		//wyciaga wartość wybranego elementu z listy jNice
		var Select2 = $("a.selected:eq(2)").text();
		//szuka w select2 tekstu Select2, w celu ustalenia jego wartości Value
		var Value2 = $("select#select3:not(Select2)").val();
		
		if (Value1 >= 1){ //gdy parametr Typ jest większy od 0 wyswietl to
			$.ajax({
				type: "POST", 
				url:  "module/js_search_typ.php", 
				data: { id_typ: Value1 },
				success: function(msg) {
				
					if (msg == 1){
						$("#marka1").hide(); //glowna
						$("#marka2").show(); //alternatywna
					} else {
						//kasowanie elementów option
						$("select#select5 > option").remove();
						
						//zmiana parametrów wartości SPAN (wyświetlanej w nagłówku listy Model)
						$('span#spn4').removeAttr('text');
						$('span#spn4').attr('text', '-- brak --');
						$('span#spn4').removeAttr('index');
						$('span#spn4').attr('index', '0');
						$('span#spn4').text('-- brak --');
						//kasowanie elementów listy dotyczącej modelu auta
						$("ul#id4 > li").remove();
						
						//wyświetlanie wyników marek samochodowych
						$("#marka2").hide();
						$("#marka1").show();
					}
				}
			});
		} else { //kiedy parametr Value czyli wartość Typ jest =0 tzn jest to pierwszy element
			$("#marka1").hide();
			$("#marka2").show();
		}
		
		//Parametr Typ ma wartość 0 lub 1 wyświetl
		if (Value1 == 0 || Value1 == 1) {
			if (Value2 >= 1) { 		//pod warunkiem że Marka została wybrana
				$("#model1").hide();
				$("#model2").show();
			} else {				//Marka nie została wybrana
				$("#model2").hide();
				$("#model1").show();
			}
		} else { //w pozostałych przypadkach kiedy wartość jest większa od 1 elemtnu Typ
			if (Value2 >= 1) {		//pod warunkiem że Marka została wybrana
				$("#model1").hide();
				$("#model2").show();
			} else {				//Marka nie została wybrana
				$("#model2").hide();
				$("#model1").show();
			}
		}
	});

	//Wykonaj kiedy został kliknięty tylko element listy Marka
	$('ul#id2 > li > a').click( function() {
		var Select2 = $("a.selected:eq(2)").text(); //pobranie wartości klikniętego elementu
		var Value2 = $("select#select3:not(Select2)").val(); //pobranie indeksu elementu
		
		//usuwa elementy option
		$("select#select5 > option").remove();
		//ustawianie parametrów SPAN (dla wyświetlenia w nagłowku listy elementu Model)
		$('span#spn4').removeAttr('text');
		$('span#spn4').attr('text', '-- model --');
		$('span#spn4').removeAttr('index');
		$('span#spn4').attr('index', '0');
		$('span#spn4').text('-- model --');
		//nadaje nowe elementy option
		$.ajax({
			type: "POST", 
			url:  "module/js_search_model_option_list.php", 
			data: { id_typ2: Value2 },
			success: function(msg1) {
				$("select#select5").append(msg1);
			}
		});
		
		//usuwa elementy listy Modeli
		$("ul#id4 > li").remove();
		//nadaje nowe elementy listy Modeli, na podstawie wybranej Marki
		$.ajax({
			type: "POST", 
			url:  "module/js_search_model_ul_list.php", 
			data: { id_typ2: Value2 },
			success: function(msg2) {
				$("ul#id4").append(msg2);
				//Wykonuj w przypadku kiedy element listy Marka został wciśnięty
				$('ul#id4 > li > a').click( function() {
					$('a.selected').removeClass('selected'); //zdjęcie selected dla obiektu A
					$(this).addClass('selected');		//nadanie klikniętemu modelowi selected
					var Select5 = $(this).attr('index');//pobranie wartości Value elementu
					var Value5 = $(this).text();		//pobranie wartości Text elementu
					
					//zabiera wszystkim obiektom option parametr selected
					$('select#select5 > option').removeAttr('selected');
					
					//ustawienie parametru SPAN (w celu wyświetlenia nagłówka listy, 
					//dla opcji wybranej (klikniętej na liście Modeli)
					$('span#spn4').removeAttr('text');
					$('span#spn4').attr('text', Value5);
					$('span#spn4').removeAttr('index');
					$('span#spn4').attr('index', Select5);
					$('span#spn4').text(Value5);
					$('ul#id4').hide(); //po kliknięciu ukrywa listę
				});
			}
		});
	});
	//Wykonaj w przypadku kiedy zostanie wciśnięty przycisk formularza jNice => wyszukaj
	$('.jNice').submit( function() {
		var Text = $("input#txt").val();				//pobranie Tekstu z Input
		var Sel = $("a.selected:eq(0)").text();			//wyszukanie elementu nagłówkowego Typ
		var Val = $("select#select1:not(Sel)").val();	//pobranie wartości Value elemtnu
		var Sel2 = $("a.selected:eq(2)").text();		//wyszukanie elementu nagłowkowego Marka
		var Val2 = $("select#select3:not(Sel2)").val(); //pobranie wartosci Value 
		var Val3 = $("span#spn4").attr('index');		//pobranie wartości Value dla Modelu
		if (Val3 == null) {Val3 = '0';}
		var Act = $("form.jNice").attr('action');
		
		
		//$("form.jNice").removeAttr('action');			//usuwa atrybut acction formularza
		//var value = Act+'&Typ='+Val+'&Ma='+Val2+'&Mo='+Val3;
		
		$('select#select3 > option').removeAttr('selected');
		$('select#select3 > option[value='+Val2+']').attr('selected', 'selected');
		$('select#select5 > option').removeAttr('selected');
		$('select#select5 > option[value='+Val3+']').attr('selected', 'selected');
		
		//$("form.jNice").attr('action', value);		//nadaje nowy atrybut acction formularza
		//$.post("module/search.php", { Mo: Val3 } );
	});
});