var originalPostion;
var category_start_from = 0;
//var v = false;
var category_key = "";
var category_lastFlag = false;
var category_scroll_flag = true;
var category_view_type = 'box';
var category_limit_val = 18;
var slide_flag = 1;
function getPaginationData(user_start_from) {
    getCategories(category_view_type, user_start_from, category_limit_val, category_key)
//	getUserData(user_url, user_id, user_start_from, user_limit, user_from_date, user_to_date, user_filter_type);  
    $('html,body').animate({scrollTop: $(".user_content_container").offset().top}, 'slow');
}
$(document).ready(function () {
    var cover_flag = $('#cover_flag').val();
    if (page_flag == 'D') {
        var cid = $('#cid').val();
        getCategoryFollowers(cid, category_start_from, 20);
        category_start_from = category_start_from + 20;
    } else if (page_flag == 'Q') {
        var cid = $('#cid').val();
        getCategoryQuestions(cid, category_start_from, 20);
        category_start_from = category_start_from + 20;
    } else if (page_flag == 'C' || page_flag == 'M') {
//        category_start_from = 21;
    }

    $(window).scroll(function () {
        if (category_scroll_flag == true) {
            $('.wrap_loader').css('height', $(document).height() - 40);
            $('.search_bg_mask').css('height', $(document).height() - 40);
            if (Math.round($(window).scrollTop()) == Math.round($(document).height() - $(window).height())) {
                if (page_flag == 'D') {
                    getCategoryFollowers(cid, category_start_from, 20);
                    category_start_from = category_start_from + 20;
                } else if (page_flag == 'Q') {
                    getCategoryQuestions(cid, category_start_from, 20);
                    category_start_from = category_start_from + 20;
                }
            }
        }
    });

    // Category Filter 

    $('#filter_category').click(function () {
        if (slide_flag == 0) {
            $("#category_search").slideUp('slow');
            $("#txtCategoryKey").val('');
            getCategories(category_view_type, 0, category_limit_val);
            slide_flag = 1;
        } else {
            $("#category_search").slideDown('slow');
            slide_flag = 0;
        }
    });

    $("#ancCategoryDescription").on("click", function () {
        var cid = $('#cid').val();
        $.ajax({
            url: baseurl + "questions/ajax/ajaxGetCategoryDescription.php",
            method: "POST",
            cache: false,
            data: {'cid': cid},
            success: function (response) {
                $('#user_profile').html(response);
                $("#spanDesc").addClass("active_bars");
                $("#spanQuestions").removeClass("active_bars");
                $("#spanFollow").removeClass("active_bars");
                category_start_from = 0
                page_flag = 'D';
                getCategoryFollowers(cid, category_start_from, 20);
            },
            error: function (response) {
                $('#categories_block').html(response);
            }
        });
    });
    $("#ancCategoryFollowers").on("click", function () {
        var cid = $('#cid').val();
        $.ajax({
            url: baseurl + "questions/ajax/ajaxGetCategoryDescription.php",
            method: "POST",
            cache: false,
            data: {'cid': cid},
            success: function (response) {
                $('#user_profile').html(response);
                $("#spanDesc").removeClass("active_bars");
                $("#spanQuestions").removeClass("active_bars");
                $("#spanFollow").addClass("active_bars");
                category_start_from = 0
                page_flag = 'D';
                getCategoryFollowers(cid, category_start_from, 20);
                var d = $("#Followers");

                $('html,body').animate({
                    scrollTop: $(d).offset().top},
                        'slow');
            },
            error: function (response) {
                $('#categories_block').html(response);
            }
        });
    });
    $(".cover_image").click(function () {
        var imgnum = $(this).data('num');
        var cid = $('#cid').val();
        var ctitle = $('#ctitle').val();
        // Ajax Call to upload the file and store the name in DB

        $.ajax({
            url: baseurl + "questions/ajax/ajaxCategoryCoverPhoto.php",
            method: "POST",
            cache: false,
            data: {'cid': cid, "imgnum": imgnum, "ctitle": ctitle},
        }).done(function (returnData) {
            var respObj = jQuery.parseJSON(returnData);
            if (respObj.flag == 1) {
                $("#cover-img").css("display", "block");
                getCoverImage(cid);
            }
        });
    });
    $("#ancUploadCover").click(function () {
        $("#fileCategoryCoverPhoto").click();
    });
    $('.profile_upload').click(function () {
        $('.cover_holder').show();
        if (cover_flag) {
            $('.cover_resize_wrapper').show().find('img').css('top', originalPostion);
            repositionCoverImage();
        }
        $(this).hide();
    });
    $('#cancel_cover_photo').click(function () {
        $('.cover_holder').hide();
        $('.profile_upload').show();
        cancelRepositionCoverImage();
    });
    //Uploading the cover image 
    $("#fileCategoryCoverPhoto").change(function (e) {
        var names = [];
        var exts = ['jpg', 'jpeg', 'png'];
        var cid = $('#cid').val();
        var ctitle = $('#ctitle').val();
        // Check if the uploaded photo is of JPG/PNG format
        for (var i = 0; i < $(this).get(0).files.length; ++i) {
            names.push($(this).get(0).files[i].name);
            var ext = $(this).get(0).files[i].name.split('.');
            ext = ext.reverse();
            var size = ($(this).get(0).files[i].size / (1024 * 1024)).toFixed(2);
            if ($.inArray(ext[0].toLowerCase(), exts) < 0) {
                alert("Please select jpeg/png format files only.");
                $('#fileCategoryCoverPhoto').focus();
                $("#fileCategoryCoverPhoto").val('');
                return false;
            } else if (size > 5) {
                alert("Please select file less than 5 MB files only.");
                $('#fileCategoryCoverPhoto').focus();
                $("#fileCategoryCoverPhoto").val('');
                return false;
            }
        }
        //If no photo name return false
        if ($('#fileCategoryCoverPhoto')[0].files[0] == '') {
            return false;
        }
        //Creating an object for the form 
        var formdata = new FormData(this);
        var fileDetails = $('#fileCategoryCoverPhoto')[0].files[0];
        //Appending the filename and uid to the form object
        formdata.append("file", fileDetails);
        formdata.append("cid", cid);
        formdata.append("ctitle", ctitle);
        // Ajax Call to upload the file and store the name in DB
        $.ajax({
            url: baseurl + "questions/ajax/ajaxCategoryCoverPhoto.php",
            method: "POST",
            cache: false,
            data: formdata,
            processData: false,
            contentType: false
        }).done(function (returnData) {
            var respObj = jQuery.parseJSON(returnData);
            if (respObj.flag == 1) {
                $("#cover-img").css("display", "block");
                getCoverImage(cid);
            }
        });
    });
    $("#ancRemoveCover").click(function () {
        removeCoverImage();
    });
    //Edit Category
    $(".user_profile_bg, #user_profile").on("click", '#ancEditCategory', function () {
        var cid = $("#cid").val();
        var data = {'cid': cid};

        $('#modal_loader').show();
        $.ajax({
            url: baseurl + 'questions/ajax/ajaxEditCategoryDetailsEditor.php',
            method: "POST",
            data: data,
            success: function (returnData) {
                $modalEl = $('#mui_popup_modal');
                $modalEl.show();
                var $formEl = $(returnData);
                $modalEl.append($formEl);
                mui.overlay('on', $modalEl.get(0));
                $('#modal_loader').hide();
            }
        });
    });
    $("#add_category").on('click', function () {
        addFlag = 1;

        $('#modal_loader').show();
        $.ajax({
            url: baseurl + 'questions/ajax/ajaxEditCategoryDetailsEditor.php',
            method: "POST",
            success: function (returnData) {
                $modalEl = $('#mui_popup_modal');
                $modalEl.show();
                var $formEl = $(returnData);
                $modalEl.append($formEl);
                mui.overlay('on', $modalEl.get(0));
                $('#modal_loader').hide();
            }
        });
    });
    $("#category_list").on("click", ".category_edit", function () {
        addFlag = 1;
        var cid = $(this).data("cid");
        var data = {'cid': cid};

        $('#modal_loader').show();
        $.ajax({
            url: baseurl + 'questions/ajax/ajaxEditCategoryDetailsEditor.php',
            method: "POST",
            data: data,
            success: function (returnData) {
                $modalEl = $('#mui_popup_modal');
                $modalEl.show();
                var $formEl = $(returnData);
                $modalEl.append($formEl);
                mui.overlay('on', $modalEl.get(0));
                $('#modal_loader').hide();
            }
        });
    });
    $("#category_list").on("click", ".category_delete", function () {
        var cid = $(this).data("cid");
        if (confirm("Are you sure to remove the category")) {
            removeCategory(cid);
        }
    });
    // Toggle Category view 
    $("#ancToggleList").on('click', function () {
        category_view_type = $(this).data('type');
        category_start_from = 0;
        lastFlag = false;
        $('#hdnLoadType').val(category_view_type);
        getCategories(category_view_type, category_start_from, category_limit_val, category_key);
        category_start_from = category_start_from + category_limit_val;
    });
    //Get Category key press
    $("#txtCategoryKey").keyup(function () {
        $('#load_more').hide();
        category_key = $('#txtCategoryKey').val();
        category_start_from = 0;
        v = false;
        if (category_key != '') {
            getCategories(category_view_type, category_start_from, category_limit_val, category_key);
        } else {
            getCategories(category_view_type, category_start_from, category_limit_val, category_key);
        }
    });
    //Get Catgoey on search button click
    $('#search_category').click(function () {
        category_key = $('#txtCategoryKey').val();
        if (category_key == '') {
            alert('Please enter category name to search');
            $('#category_list').html('');
            start_from = 0;
            v = false;
            getCategories(category_view_type, category_start_from, category_limit_val, category_key);
            return false;
        }
        start_from = 0;
        v = false;
        if (Math.round($(window).scrollTop()) == Math.round($(document).height() - $(window).height())) {
            getCategories(category_view_type, category_start_from, category_limit_val + 21, category_key);
            v = true;
        } else {
            getCategories(category_view_type, category_start_from, category_limit_val, category_key);
        }
    });

});
function removeCategory(cid) {
    var data = {'cid': cid};
    $.ajax({
        url: baseurl + "questions/ajax/ajaxDeleteCategory.php",
        method: "POST",
        data: data,
        success: function (returnData) {
            var returnObj = jQuery.parseJSON(returnData);
            if (returnObj.flag == -1) {
                $("#categoryAlert").html(returnObj.msg);
            } else if (returnObj.flag == 1) {
                $('.alert-danger span').html('Category Deleted Succesfully.');
                $('.alert-danger').show();
                $("#category_block_" + cid).remove();
                setTimeout(function () {
                    $('.alert-danger').hide();
                    $('.search_bg_mask').hide();
                }, 3000);
            }
        }
    })
}
function repositionCoverImage() {
    $("#ancUploadCover").show();
    $('.cover_wrapper').hide();
    $("#ancRepositonCover").hide();
    $("#ancRemoveCover").show();
    $('.cover_resize_wrapper').show();
    $('.cover_resize_buttons').show();
    $('.default-buttons').hide();
    $('.screen-width').val($('.cover_resize_wrapper').width());
    $('.cover_resize_wrapper img')
            .css('cursor', 's-resize')
            .draggable({
                scroll: false,
                axis: "y",
                cursor: "s-resize",
                drag: function (event, ui) {
                    y1 = $('.timeline_header_wrapper').height();
                    y2 = $('.cover_resize_wrapper').find('img').height();
                    if (ui.position.top >= 0) {
                        ui.position.top = 0;
                    } else if (ui.position.top <= (y1 - y2)) {
                        ui.position.top = y1 - y2;
                    }
                },
                stop: function (event, ui) {
                    $('input.cover-position').val(ui.position.top);
                    saveRepositionCoverImage();
                }
            });
}
function removeCoverImage() {
    var cid = $("#cid").val();
    $("#ancRemoveCover").hide();
    var data = {'cid': cid};
    $.ajax({
        url: baseurl + "questions/ajax/ajaxRemoveCoverImage.php",
        data: data,
        method: "POST",
        success: function (returnData) {
            setDefaultCoverImage();
            $(".cover_wrapper").show();
            $(".cover_resize_wrapper").hide();
            originalPostion = "0px";
            cover_flag = false;
            $("#org-photo").css("margin-top", "0px");
            $("#cover-img").css("margin-top", "0px");
            $("span.cover_holder_tag ").removeClass('cover_tags').addClass('cover_tagsb');
        }
    });
}
function saveRepositionCoverImage() {
    if ($('input.cover-position').length == 1) {
        var cid = $("#cid").val();
        posY = $('input.cover-position').val();
        var finalPosition = posY + "px";
        var coverPosition = {"positionY": posY, "cid": cid};
        $.post(baseurl + "questions/ajax/ajaxUpdateCoverPosition.php", coverPosition, function (returnData) {
        });
        originalPostion = finalPosition;
        $("#cover-img").css('margin-top', finalPosition);
        $('.cover_progress').html('Repositioning...').fadeIn('fast').removeClass('hidden');
        $('.cover_progress').fadeOut('fast').addClass('hidden').html('');
        $('.cover_resize_wrapper').show().find('img').css('top', finalPosition);
        $('.cover_resize_buttons').show();
        $('.default-buttons').show();
        $('input.cover-position').val(0);
        $("#ancRemoveCover").show();
        $('#cover_reposition').hide();
    }
}
function cancelRepositionCoverImage() {
    $('.cover_wrapper').show();
    if (cover_flag) {
        $("#ancRemoveCover").show();
    }
    $('.cover_resize_wrapper').hide();
    $('.cover_resize_buttons').hide();
    $('.default-buttons').show();
    $('input.cover-position').val(0);
    $('#cover_reposition').hide();
}
function getCoverImage(cid) {
    var param = {'cid': cid};
    $.ajax({
        url: baseurl + "questions/ajax/ajaxGetCoverImage.php",
        method: "POST",
        cache: false,
        data: param,
    }).done(function (returnData) {
        localStorage.clear();
        var jsonObj = jQuery.parseJSON(returnData);
        if (jsonObj.flag == 1) {
            var timeRand = Math.floor(Math.random() * 20);
            $("#cover-img").attr("src", jsonObj.coverPhoto);
            $("#org-photo").attr("src", jsonObj.coverPhoto);
            $("#ancUploadCover").hide();
            $("span.cover_holder_tag ").removeClass('cover_tagsb').addClass('cover_tags');
            cover_flag = true;
            if (jsonObj.coverPosition != null) {
                originalPostion = jsonObj.coverPosition + "px";
                $("#cover-img").css('margin-top', originalPostion);
            }
            repositionCoverImage();
            $("#ancUploadCover").show();
        } else if (jsonObj.flag == -1) {
            setDefaultCoverImage();
        }
    });
}
function setDefaultCoverImage() {
    $("#cover-img").css("display", "none");
    $(".cover_wrapper").css("background-color", "#2f2f2f");
}
function getCategories(view_type, start_from, limit_val, category_key) {
    $('#loader_image').show();
    category_scroll_flag = false;
    if (page_flag == 'C') {
        var url = 'ajaxGetCetgoriesList.php';
    } else if (page_flag == 'M') {
        var url = 'ajaxAdminGetCetgoriesList.php';
    }

    $.ajax({
        url: baseurl + "questions/ajax/" + url,
        method: "POST",
        data: {'ty': view_type, 'start_from': start_from, "limit_val": limit_val, "category_key": category_key}
    }).done(function (returnData) {
        if ($.trim(returnData) == '') {
            category_lastFlag = true;
            $('#loader_image').hide();
            $('#load_more').hide();
            if (start_from == 0) {
                $('#category_list').html("<div class='clear'></div><div class='admin_qa_widget'>No more Categories Available</div>").fadeIn('slow');
            } else {
                $('#category_list').append("<div class='clear'></div><div class='admin_qa_widget'>No more Categories Available</div>").fadeIn('slow');
            }
        } else {
            if (start_from == 0) {
                $('#category_list').html(returnData).fadeIn('slow');
                category_scroll_flag = true;
            } else {
                $('#category_list').html(returnData).fadeIn('slow');
                category_scroll_flag = true;
            }
            progressively.init({});
            $('#loader_image').hide();

        }
        if (view_type == 'list') {
            $("#ancToggleList").data('type', 'box');
            $("#ancToggleList").html('<i class="fa fa-list"></i>');
        } else {
            $("#ancToggleList").data('type', 'list');
            $("#ancToggleList").html('<i class="fa fa-list-ul"></i>');
        }
    });
}
function getCategoryFollowers(cid, start_from, limit_val) {
    $('#loader_image').show();
    category_scroll_flag = false;
    $.ajax({
        url: baseurl + "questions/ajax/ajaxGetCategoryFollowers.php",
        method: "POST",
        data: {'cid': cid, 'start_from': start_from, "limit_val": limit_val}
    }).done(function (returnData) {
        if (returnData == '') {
            category_lastFlag = true;
            if (start_from == 0) {
                $('#category_followers').html("<div class='admin_qa_widget'>No more profiles available</div>").fadeIn('slow');
            } else {
                $('#category_followers').append("<div class='admin_qa_widget'>No more profiles available</div>").fadeIn('slow');
            }
            $('#loader_image').hide();
        } else {
            if (start_from == 0) {
                $('#category_followers').html(returnData).fadeIn(100);
                category_scroll_flag = true;
            } else {
                $('#category_followers').append(returnData).fadeIn(100);
                category_scroll_flag = true;
            }
        }
        progressively.init({});
        $('#loader_image').hide();
    });
}
function getCategoryQuestions(cid, start_from, limit_val) {
    category_scroll_flag = false;
    $('#loader_image').show();
    $.ajax({
        url: baseurl + "questions/ajax/ajaxGetCategoryQuestions.php",
        method: "POST",
        data: {'cid': cid, 'start_from': start_from, "limit_val": limit_val}
    }).done(function (returnData) {
        if (returnData == '') {
            category_lastFlag = true;
            if (start_from == 0) {
                $('#categories_block').html("<div class='admin_qa_widget'>No more questions available</div>").fadeIn('slow');

            } else {
                $('#categories_block').append("<div class='admin_qa_widget'>No more questions available</div>").fadeIn('slow');
            }
            $('#loader_image').hide();
        } else {
            if (start_from == 0) {
                $('#categories_block').html(returnData).fadeIn(100);
                category_scroll_flag = true;
            } else {
                $('#categories_block').append(returnData).fadeIn(100);
                category_scroll_flag = true;
            }
        }
        progressively.init({});
        $('#loader_image').hide();

    });
}