$(document).ready(function(){

    var i = $(".delete_category_btn").length;

    if(i==1){
        //$(".delete_category_btn:first").hide();
    }

    $(".clone_category_btn").hide();
    $(".clone_category_btn:last").show();


    $(".clone_category_btn").click(function () {

        $(this).parent().parent().clone(true).insertAfter($(this).parent().parent());

        $(".clone_category_btn").hide();
        $(".clone_category_btn:last").show();
        i = i + 1;


        $("select[name=filtertype[]]:last").attr('id', ''+i);
        $(".generatedOptions:last").attr('id', 'go'+i);

        $(".delete_category_btn:last").show();

        if($(".delete_category_btn").length>=1){
            $(".delete_category_btn:first").show();
        }




    });

    $(".delete_category_btn").click(function () {

        $(this).parent().parent().remove();
        $(".clone_category_btn").hide();
        $(".clone_category_btn:last").show();

        if($(".delete_category_btn").length==1){
            $(".delete_category_btn:first").hide();
        }


    });


    $("select[name=filtertype[]]").change(function () {
        getOptions($(this).attr('id'), $(this).val())
    });

    $.each($("select[name=filtertype[]]"), function(){
        getOptions($(this).attr('id'),$(this).val(), $(this).attr('title'));
    });


});

/* getOptions function */
function getOptions(id, filtertype, selectedValue){

    $.ajax({
        type: "POST",
        dataType: 'json',
        url: "includes/json/json_function.inc.php",
        data: "mode=getOptions&filtertype="+filtertype+"&selectedValue="+selectedValue,

        success: function(msg){
            $("#go"+id).html(msg);
        }

    });
}