$(document).ready(function()
{
    // auto preselect routine ******************************
    // *************************************************

    $("#ajMedienTyp, #ajLand, #ajSegment, #ajMarke").change(function()
    {
        var currentObject = this.id;

        var ajLang = $("#ajLang").val();
        var ajLand = $("#ajLand").val();
        var ajSegment = $("#ajSegment").val();
        var ajMedienTyp = $("#ajMedienTyp").val();

        var ajMarke = encodeURIComponent($("#ajMarke").val());
        // ajMarke = encodeURIComponent(ajMarke);

        $.ajax({
            type: "POST",
            url:  "fileadmin/scripts/markenfinder/selects.php",
            data: "master=ajAction&medientyp="+ajMedienTyp+"&land="+ajLand+"&marke="+ajMarke+"&segment="+ajSegment+"&ajLang="+ajLang,
            dataType: "json",
            success: function(data)
            {
                // No combination found
                if (data != null && data.error == 1) {
                    alert(data.msg);

                // Preselect select options
                } else {
                    var selectedVal = '';

                    // Set Medientyp select options
                    if (currentObject != 'ajMedienTyp' || ajMedienTyp == '') {
                        selectedVal = $('#ajMedienTyp').val();

                        $('#ajMedienTyp').empty();
                        if (ajLang == 1) { $('<option/>').val('').text('Type').appendTo('#ajMedienTyp'); }
                        else { $('<option/>').val('').text('Medientyp').appendTo('#ajMedienTyp'); }

                        splitResult = data.ajCategoryOption.split('||');
                        $.each(splitResult, function(key, value) {
                            $('<option/>').val(value).text(value).appendTo('#ajMedienTyp');
                        });

                        $("#ajMedienTyp option[value='"+selectedVal+"']").attr('selected', true);
                    }

                    // Set Land select options
                    if (currentObject != 'ajLand' || ajLand == '') {
                        selectedVal = $('#ajLand').val()

                        $('#ajLand').empty();
                        if (ajLang == 1) { $('<option/>').val('').text('Country').appendTo('#ajLand'); }
                        else { $('<option/>').val('').text('Land').appendTo('#ajLand'); }

                        splitResult = data.ajCountryOption.split('||');
                        $.each(splitResult, function(key, value) {
                            $('<option/>').val(value).text(value).appendTo('#ajLand');
                        });

                        $("#ajLand option[value='"+selectedVal+"']").attr('selected', true);
                    }

                    // Set Marke select options
                    if (currentObject != 'ajMarke' || ajMarke == '') {
                        selectedVal = $('#ajMarke').val()

                        $('#ajMarke').empty();
                        if (ajLang == 1) { $('<option/>').val('').text('Brand').appendTo('#ajMarke'); }
                        else { $('<option/>').val('').text('Marke').appendTo('#ajMarke'); }

                        splitResult = data.ajBrandOption.split('||');
                        $.each(splitResult, function(key, value) {
                            $('<option/>').val(value).text(value).appendTo('#ajMarke');
                        });

                        $("#ajMarke option[value='"+selectedVal+"']").attr('selected', true);
                    }

                    // Set Segment select options
                    if (currentObject != 'ajSegment' || ajSegment == '') {
                        selectedVal = $('#ajSegment').val()

                        $('#ajSegment').empty();
                        if (ajLang == 1) { $('<option/>').val('').text('Segment').appendTo('#ajSegment'); }
                        else { $('<option/>').val('').text('Segment').appendTo('#ajSegment'); }

                        splitResult = data.ajSegmentOption.split('||');
                        $.each(splitResult, function(key, value) {
                            $('<option/>').val(value).text(value).appendTo('#ajSegment');
                        });

                        $("#ajSegment option[value='"+selectedVal+"']").attr('selected', true);
                    }
                }
            }
        });
    });

    // *************************************************
    // auto preselect routine ends **************************

    $.imgpreload(
        ['fileadmin/images/Scroller/Images/atmo_de_print.png'],
        function()
    {
        // this = array of new image objects
        // callback executes when all images are loaded
    });

    // ### START: enable/disable uploads ###############
    // #################################################


    if ($("#wantToUpload").length > 0)
    {
        wantToUploadState = $("#wantToUpload:checked").val();
        if (wantToUploadState == 1) {
            $('.onInit').removeAttr("disabled");
        }

        $("#wantToUpload").click(function() {
            vall = $('.onInit').attr("disabled");
            clickDone = 0;
            if (vall !== false) {
                $('.onInit').removeAttr("disabled");
                clickDone = 1;
            }
        });

        $("#wantToUpload").change(function() {
            vall = $('.onInit').attr("disabled");
            if (vall === false && clickDone < 1) {
                $('.onInit').attr("disabled", true);
            }
        });
    }

    // #################################################
    // ### END: enable/disable uploads #################

    var api = $("#flowpanes").scrollable({
        size: 1,
        clickable: false
    }).circular().autoscroll({
        autoplay: true,
        autopause: true,
        interval: 15000,
        api: true
    });

    if (api !== undefined) {
        api.onSeek(function() {
            //alert("current page is " + this.getPageIndex());
        });
    }

    if (navigator.userAgent.indexOf("Safari") >= 0) {
        $("div#flowpanes").css("margin-top","-30px");
    } else if (navigator.userAgent.indexOf("Opera") >= 0) {
        $("div#flowpanes").css("margin-top","-31px");
    }

    $(".tablesorter").tablesorter({
        headers: {
            0: {
                sorter: false
            },
            5: {
                sorter: false
            }
        },
        widthFixed: false,
        widgets: ['zebra']}
        ).tablesorterPager({container: $("#pager")});

    $(".tablesorterDiv").fadeIn('slow');

    // #################################################
});