/* Ajax-Events: Alle Form-Felder an ...
       ...Struts-Action uebermitteln
    */
    function getResultListSize() {
        flobu.enable();
        var serializedForm = $("form").serialize();

        $.ajax({
            type: "GET",
            url:  "/verbraucherutf8/schinkenwurstMySqlDe!ajaxResultCounter.do",
            data: serializedForm,
            success: function(html){
                $("#dynamicSubmit").replaceWith(html);
                flobu.disable();
            },
            error: function(){
                $("#dynamicSubmit").replaceWith("Ein Fehler ist aufgetreten!");
                flobu.disable();
            }
        });  
        
    }  
    
    function getDetailPageData(params) {      
        $.ajax({
            type: "POST",
            url:  "/verbraucherutf8/schinkenwurstMySqlDe!execDetail.do",
            data: params,
            success: function(html){
                $("#verbraucherdetail").show("slow");
                $("#verbraucherdetail").html(html);
            }
        });   
    }      

    /* Alle Checkboxen ausschalten, alle DropDown-Listen ...
       ...verstecken und nur aktive Checkboxen wieder einschalten 
    */
    function disableOtherCB(thisCB){
        $(".attributesDropDown").hide("slow");
        $(".attributesCB").each(function(){
          this.checked = false;
        });
        $(thisCB).each(function(){
          this.checked = true;
        });
    }

    $(document).ready(function(){
    
        /* Ajax-Events: Bei DopDown-Listen ...
           ...Events Ajax triggern 
        */
	    $(".ajaxSensible").change(function () {
            getResultListSize();
	    });
	    
	    /* Ajax-Events: Bei Preistraeger-Radios ...
           ...Events Ajax triggern 
        */
	    $(".ajaxSensibleRadio").click(function () {
            getResultListSize();
	    });
	    	    
	    /* Effects: Hide/Show Effekte triggern, wenn ...
	       Checkboxen aktiviert/deaktiviert wurden 
	    */
		$("input[name='wurstCB']").click(function(){
            if($("#wurstCB:checked").val()){
              disableOtherCB(this);
              $("#wurst").show("slow");
            } else {
              $("#wurst").hide("slow");
            }
            getResultListSize();
		});
		$("input[name='schinkenCB']").click(function(){
            if($("#schinkenCB:checked").val()){
              disableOtherCB(this);
              $("#schinken").show("slow");
            } else {
              $("#schinken").hide("slow");
            }
            getResultListSize();
		});		
		$("input[name='fleischundwurstverpacktCB']").click(function(){
            if($("#fleischundwurstverpacktCB:checked").val()){
              disableOtherCB(this);
              $("#fleischundwurstverpackt").show("slow");
            } else {
              $("#fleischundwurstverpackt").hide("slow");
            }
            getResultListSize();
		});
		$("input[name='schmalzCB']").click(function(){
            if($("#schmalzCB:checked").val()){
              disableOtherCB(this);
            }
            getResultListSize();
		});
		$("input[name='diaetCB']").click(function(){
            if($("#diaetCB:checked").val()){
              disableOtherCB(this);
            }
            getResultListSize();
		});
		$("input[name='oekoCB']").click(function(){
            if($("#oekoCB:checked").val()){
              disableOtherCB(this);
            }
            getResultListSize();
		});
	
    });
    
// Adds onmouseover, onmouseout, and onclick handlers to each table row.  The onmouseover handler changes the row's class attribute to
// rowMouseOver.  The onmouseout handler changes it back.  The onclick function makes a request for the specified url, including the
// innerHTML of the specified column as a request parameter.
function addRowHandlers(tableId, rowClassName, connectionColumnIndex, paramName, paramColumnIndex) {
    var previousClass = null;
    var table = document.getElementById(tableId);
    var rows = table.getElementsByTagName("tr");
    for (i = 1; i < rows.length; i++) {
        rows[i].onmouseover = function () {
            previousClass = this.className;
            this.className = "row-highlighted";
        };
        
        rows[i].onmouseout = function () {
            this.className = previousClass;
        };
        
        rows[i].onclick = function () {
            var connectionCell = this.getElementsByTagName("td")[connectionColumnIndex];
            var connectionValue = connectionCell.innerHTML;
            var paramCell = this.getElementsByTagName("td")[paramColumnIndex];
            var paramValue = paramCell.innerHTML;
            var params = "conn=" + connectionValue + "&" + paramName + "=" + paramValue;
            getDetailPageData(params);
            
        };
    }
}

/*** Wait-Cursor ***/
var flobu;
$(function(){
	flobu = new flower_bubble ({
		base_obj: $( '.table-verbraucher' ),
		base_dir: '/fileadmin/img/helpers/flobu_wait_cursor/',
		background: { css: 'white', opacity: 0.78 },
		flower: { image: 'flower.gif', width: 32, height: 32 },
		block_mode: 'base_obj'
	});
});