/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


// select aus und drop-down-box header einblenden
 $(document).ready(function() {
         var closetimer = 0;
         var timeout = 500;
         _updateHeader();
         _updateBF();
	 _updateAge();
	 _updateVerboten();
	 _updateTitleSearch();
	 _updateSearchOp();
	 _updateFilterList();
         $("#showProfi").show();
	 var showFilter = 0;
        // event handler fuer checkboxen
        $('input[name="bf"]:checkbox').change(function(){_updateHeader();});

        //event-handler um dropdown zu öffnen/schliessen
	$("#select-list").mouseleave(function(){
		closetimer = window.setTimeout(function(){$("#select-list").hide();}, timeout);            
	});
	$("#select-list").mouseenter(function(){
		window.clearTimeout(closetimer);
	});
	$("#select-header").mouseleave(function(){
		closetimer = window.setTimeout(function(){$("#select-list").hide();}, timeout);            
	});
	$("#select-header").mouseenter(function(){
		window.clearTimeout(closetimer);
	});

        $("#select-header-text").click(function(){
                    $('#select-list').toggle();
                }
          );
        $("#select-toggle").click(function(){
                    $('#select-list').toggle();
                }
          );
          $("#select-close").click(function(){
                    $('#select-list').hide();
                }
          );
	  // alle berufsfelder aus-/abwählen
          $("#select-check-all").click(function(){
                    $("input[name='bf']:checkbox").each(function(){this.checked=true;});
                    _updateHeader();
                }
          );
          $("#select-check-none").click(function(){
                    $("input[name='bf']:checkbox").each(function(){this.checked=false;});
                    _updateHeader();
                }
          );

	  // event-handler für filter
	  //$("#age").change(function(){_updateAge();});
	  $("#filterDelAge").click(function(){
		  $("#age").val('');
		  $("form[name='suchmaske']").submit();
	      });

	  //$("#kn").change(function(){_updateVerboten();});
	  $("#filterDelVerboten").click(function(){
		  $("#kn").val('');
		  $("form[name='suchmaske']").submit();  
	      });

	  //$("#titlesearch_check").change(function(){_updateTitleSearch();});
	  $("#filterDelTitel").click(function(){
		  $("#titlesearch_check").attr('checked',false);
		  $("form[name='suchmaske']").submit();
	      });
	  //$("input[name='searchop']").change(function(){_updateSearchOp();});
	  $("#filterDelOder").click(function(){
		  $("input[name='searchop']").each(function(){
			  if($(this).val() == 'or'){
			      $(this).attr("checked",false);
			  }else{
			      $(this).attr("checked",true);
			      
			  }
		      });
		  $("form[name='suchmaske']").submit();
	      });

	  $("#filterDelBf").click(function(){
		  $("input[name='bf']:checkbox").each(function(){this.checked=false;});
		  _updateHeader();
		  $("form[name='suchmaske']").submit();
	      });

          // event für ausklappen der erweiterten Optionen
          $("#showProfi").click(function(){
               $("#extsuche").show(); 
               $("#showProfi").hide();
               $("#showStd").show();
	       $("#searchmode").val("extended");
           }
          );
          $("#showStd").click( function(){
               $("#extsuche").hide();
               $("#showStd").hide();
               $("#showProfi").show();
	       $("#searchmode").val("simple");
	      });
	   // gelb hinterlegte eingabefelder
	   $("#job").focus(function(){
		$(this).css("background-color","white");
	   });
	   $("#job").blur(function(){
	       var val = $(this).attr('value');
	       if(val.length == 0){
	           $(this).css("background-color","#FFFFCC");
	       }
	   });
	   $("#l").focus(function(){
		$(this).css("background-color","white");
	   });
	   $("#l").blur(function(){
	       var val = $(this).attr('value');
	       if(val.length == 0){
	           $(this).css("background-color","#FFFFCC");
	       }
	   });

	   // update-Funktionen für filter
	   function _updateAge(){
		  var text = $("#age").attr("value");
		  if(text == ''){
		      $("#filterAgeText").html('');
		      $("#filterAge").hide();
		  }else{
		      $("#filterAgeText").html(text+" Tage");
		      $("#filterAge").show();
		      showFilter = 1;
		  }	      
	      }	   

	   function _updateVerboten(){
		  var text = $("#kn").val();
		  if(text == ''){
		      $("#filterVerbotenText").html('');
		      $("#filterVerboten").hide();
		  }else{
		      if(text.length>30){
			  text = text.substring(0,30)+"...";
		      }
		      $("#filterVerbotenText").html(text);
		      $("#filterVerboten").show();
		      showFilter = 1;
		  }		  
	      }

	   function _updateTitleSearch(){
		   if($("#titlesearch_check").is(":checked")){
		      $("#filterTitel").show();
		      showFilter = 1;
		  }else{
		      $("#filterTitel").hide();
		  }
	   }
	   function _updateSearchOp(){
	       if($("input[name='searchop']:checked").val() == 'or'){
		      $("#filterOder").show();
		      showFilter = 1;
		  }else{
		      $("#filterOder").hide();
		  }
	   }
	   function _updateBF(){
                var c = $("input[name='bf']:checkbox:checked").length;
		if(c == 0){
		    $("#filterBf").hide();
		}else{
		    $("#filterBfText").html(c+" Berufsfelder ausgewählt");
		    $("#filterBf").show();
		      showFilter = 1;
		}
	   }
	   
	   function _updateFilterList(){
	       if(showFilter){
		   $("#filterlist").css("visibility","visible");
	       }
	   }
	   
          // anzahl ausgewählter Berufsfelder im Header aktualisieren
          function _updateHeader(){
                var c = $("input[name='bf']:checkbox:checked").length;
		if(c == 0){
		    $("#select-header-text").html("Alle Berufsfelder");
		}else{
		    $("#select-header-text").html(c+" Berufsfelder ausgewählt");

		}
          }
     });