//jQuery.noConflict();
jQuery(document).ready(function() {
(function (jQuery) {
	
	     jQuery("#id_marke").change(function(){
	    	 var id_marke = jQuery("#id_marke").val();
	    	 jQuery("#id_marke2 option[value='"+id_marke+"']").attr("selected", true);
	    	 
	    	 
	    	 jQuery(".modelLoader").css('display', 'block');
			 jQuery("#modellSelector").css('opacity', '0.25');
			         
			   
			        jQuery.ajax({
						type: "post",			
						url: "index.php",		
						async: true, 
						data: {
							eID: "tx_cnkfzdb_ajax",	
							piID:2,
							actionID:0,
							markeID: id_marke						
						},
					    dataType: "json",		
						success: function(response) {
							if(response.length > 0) {
								
								 var new_content = '';
							     var catCount = 0;
							     var sumCount = 0;
							     var disableFlag = '';
							     var modellCountVal = '';
							     var iModellCount = 0;
								 jQuery.each(response, function(i, row) {
									 iModellCount = parseInt(row.modellCount);
									 
									new_content+= '<option value="'+row.modellID+'">'+row.modell+'</option>';
									catCount++;
									sumCount += iModellCount;
								 });
								 if(catCount<2){
									 disableFlag = 'disabled = "disabled"'; 
								 }
								 
								 if(sumCount>0){
									 modellCountVal = sumCount+'&nbsp;Fahrzeuge&nbsp;gefunden';
								 }else{
									 modellCountVal = 'Keine&nbsp;Fahrzeuge&nbsp;gefunden'; 
								 }
								 jQuery("#searchResultCount").html(modellCountVal);
								 jQuery("#modelsArea").html('<div id="modellSelector"><select name="modell" id="modell" '+disableFlag+'>'+new_content+'</select></div>');
								 jQuery("#modelsArea2").html('<div id="modellSelector"><select class="SelBtn" name="modell2" id="modell2" '+disableFlag+'>'+new_content+'</select></div>');
								 jQuery(".modelLoader").css('display', 'none');
								 jQuery("#modelsArea").css('opacity', '1');
								 jQuery.fn.initReload();
							}else{
								//alert("RESPONSE LENGTH < 0");
							}
							
						},
			            
						
						error: function(error) {
						//	alert("ERROR: "+error.statusText);
			 jQuery("#modelsArea").html('<div class="ajax_error_search">Modelle konnten nicht ermittelt werden.</div>');			
			 jQuery(".modelLoader").css('display', 'none');
			
						}
						
					});
			       

			    }); 

	     jQuery("#id_marke2").change(function(){
	         var id_marke = jQuery("#id_marke2").val(); 
	        
	    	 jQuery("#id_marke option[value='"+id_marke+"']").attr("selected", true);
	    	
	    	 jQuery("#modelLoader2").css('display', 'block');
			 jQuery("#model2").css('color', '#555555');
			     
			        jQuery.ajax({
						type: "post",			
						url: "index.php",		
						async: true, 
						data: {
							eID: "tx_cnkfzdb_ajax",	
							piID:2,
							actionID:0,
							markeID: id_marke						
						},
					    dataType: "json",		
						success: function(response) {
							
							if(response.length > 0) {
								var new_content = '';
							     var catCount = 0;
							     var sumCount = 0;
							     var disableFlag = '';
							     var modellCountVal = '';
							     var iModellCount = 0;
								 jQuery.each(response, function(i, row) {
									 iModellCount = parseInt(row.modellCount);
									 
									new_content+= '<option value="'+row.modellID+'">'+row.modell+'</option>';
									sumCount += iModellCount;
									catCount++;
								 });
								 if(catCount<2){
									 disableFlag = 'disabled = "disabled"'; 
								 }
								 
								 if(sumCount>0){
									 modellCountVal = sumCount+'&nbsp;Fahrzeuge&nbsp;gefunden';
								 }else{
									 modellCountVal = 'Keine&nbsp;Fahrzeuge&nbsp;gefunden'; 
								 }
								 jQuery("#searchResultCount").html(modellCountVal);

								 jQuery("#modelsArea2").html('<select class="SelBtn" name="modell" id="modell2" '+disableFlag+'>'+new_content+'</select>');
								 jQuery("#modelsArea").html('<div id="modellSelector"><select name="modell" id="modell" '+disableFlag+'>'+new_content+'</select></div>');
								 jQuery("#modelLoader2").css('display', 'none');
								 jQuery("#model2").css('color', '#D88F14');
								 jQuery.fn.initReload();
							}else{
								//alert("RESPONSE LENGTH < 0");
							}
							
						},
			            
						
						error: function(error) {
						//	alert("ERROR: "+error.statusText);
							 jQuery("#modelsArea2").html('<select size="1" name="modell2" id="modell2" class="SelBtn"><option value="">alle Modelle</option></select>');			
							 jQuery("#modelLoader2").css('display', 'none');
							 jQuery("#model2").css('color', '#D88F14');
						}
						
					});
			    

			    });
	     
	     jQuery.fn.setSelected = function(selectorID, id_modell) {
	    	 jQuery("#"+selectorID+" option[value='"+id_modell+"']").attr("selected", true); 
	     };
	     
	     
	     jQuery.fn.setSessionModell = function(iModell){
	    	        var modellCountVal = '';
	    	        var sumCount = 0;
	    	        var iModellCount = 0;
			        jQuery.ajax({
						type: "post",			
						url: "index.php",		
						async: true, 
						data: {
							eID: "tx_cnkfzdb_ajax",	
							piID:2,
							actionID:2,
							modell: iModell						
						},
					    dataType: "json",		
						success: function(response) {
							 jQuery.each(response, function(i, row) {
								iModellCount = parseInt(row.modellCount);
								sumCount += iModellCount;
								
							 });
							 
							 
							 if(sumCount>0){
								 modellCountVal = sumCount+'&nbsp;Fahrzeuge&nbsp;gefunden';
							 }else{
								 modellCountVal = 'Keine&nbsp;Fahrzeuge&nbsp;gefunden'; 
							 }
							 jQuery("#searchResultCount").html(modellCountVal);

							
						},
			            error: function(error) {
							modellCountVal = '<b>Fahrzeuge konnten nicht ermittelt werden</b>'; 
							 jQuery("#searchResultCount").html(modellCountVal);
						}
						
					});
			       
	     };
	     
	     jQuery.fn.setSessionMotor = function(iMotor){
	    	 var modellCountVal = '';
 	        var sumCount = 0;
 	        var iModellCount = 0;
			        jQuery.ajax({
						type: "post",			
						url: "index.php",		
						async: true, 
						data: {
							eID: "tx_cnkfzdb_ajax",	
							piID:2,
							actionID:3,
							id_motor: iMotor						
						},
					    dataType: "json",		
						success: function(response) {
							 jQuery.each(response, function(i, row) {
									iModellCount = parseInt(row.modellCount);
									sumCount += iModellCount;
									
								 });
								 
								 
								 if(sumCount>0){
									 modellCountVal = sumCount+'&nbsp;Fahrzeuge&nbsp;gefunden';
								 }else{
									 modellCountVal = 'Keine&nbsp;Fahrzeuge&nbsp;gefunden'; 
								 }
								   jQuery("#searchResultCount").html(modellCountVal);
							
						},
			            
						
						error: function(error) {
							modellCountVal = '<b>Fahrzeuge konnten nicht ermittelt werden</b>'; 
							   jQuery("#searchResultCount").html(modellCountVal);
						}
						
					});
			     
		
	     };
	     
	     jQuery.fn.initReload = function() {
	    	 jQuery("#modell").change(function(){
		    	 var id_modell = jQuery("#modell").val(); 
		    	 jQuery.fn.setSelected("modell2",id_modell);
		    	 jQuery.fn.setSessionModell(id_modell);
		    	 
			 });
		     
		     jQuery("#modell2").change(function(){
		    	 var id_modell = jQuery("#modell2").val();
		    	 jQuery.fn.setSelected("modell",id_modell);
		    	 jQuery.fn.setSessionModell(id_modell);
			 }); 
		     
	    	
		     
		    
		   
	     };
	     jQuery("#id_motor").change(function(){
	    	 var id_motor = jQuery("#id_motor").val(); 
	    	 jQuery.fn.setSelected("id_motor2",id_motor);
	    	 jQuery.fn.setSessionMotor(id_motor);
		 });
	     
	     jQuery("#id_motor2").change(function(){
	    	 var id_motor = jQuery("#id_motor2").val();
	    	 jQuery.fn.setSelected("id_motor",id_motor);
	    	 jQuery.fn.setSessionMotor(id_motor);
		 }); 
	     
	     

			jQuery('.detailsEvent').click(function() {
				jQuery.fn.handleClickEvent(this);
			});

			
			jQuery.fn.handleClickEvent = function(eventObj) {
				var myID = jQuery(eventObj).attr('id');
				var docUID = jQuery('#'+myID+'val').val();
				var pageUID = jQuery('#'+myID+'page').val();
				var hrefVal = 'index.php?id='+pageUID+'&fid='+docUID+'&pdf=pdf';
				jQuery.fn.docDialog(eventObj,docUID,hrefVal);
			};
			
			jQuery.fn.docDialog = function(eventObj, docUID, hrefVal) {
				var $this = jQuery(eventObj);
	            var horizontalPadding = 30;
	            var verticalPadding = 30;
	            var titleVal = jQuery('#docuid_'+docUID+'_detailtag').attr('title');//($this.attr('title')) ? $this.attr('title') : 'External Site';
	            var frameDialog = '<iframe id="docframe_'+docUID+'" class="externalSite" src="' + hrefVal + '" />';
	            var selectedName = 'docframe_'+docUID;
	            
	           
	        	var isDisplayed= jQuery('#docframe_'+docUID).attr('title');
				if(isDisplayed!==selectedName){
		            jQuery(frameDialog).dialog({
		                title: titleVal,
		                width: 800,
		                height: 600,
		                //modal:true,
		            	close: function(ev, ui) { jQuery('#docframe_'+docUID).attr('title','closed'); },
						beforeclose: function(event, ui) { jQuery('#docframe_'+docUID).attr('title','closed'); },
						open: function(event, ui) { jQuery('#docframe_'+docUID).attr('title',selectedName); },
						//resizable:false,
						//draggable:false,
						bgiframe: true,
					    buttons: {
					           
					               "Schliessen": function() {
					            	   jQuery(this).dialog("close");
					               }
					    }
		            }).width(800 - horizontalPadding).height(600 - verticalPadding);
				}
			};
			
		
		
	     
		 jQuery.fn.initReload();
}(jQuery));

});// end ready