var searchStart = 0;
var searchStatus = 0;
var searchDisplay = 0;
var searchOyuncuHtml;
var searchVideoHtml;
var searchEtkinlikHtml;
var resultCount = 0;

function SearchClose() {
    if (searchDisplay == 0) {
        $("#search-content").removeClass("search-open");
        searchDisplay = 1;
    }
}

function SearchReset() {
    $("#search-result .content ul li").not(".no-result").empty();
    $("#search-result .content ul li").hide();
    $("#search-result .content ul li.yukleniyor").show();    
}

$(document).ready(function () {
    $("#search-box").click(function () {
        if (searchStatus == 1)
            $("#search-content").addClass("search-open");
    }).keypress(function (e) {
        if (e.keyCode == 13) {
            SearchStart();
            return false;
        }
    });

    $(".btn-search").click(function () {
        SearchStart();
    });

    function SearchStart() {
        searchStatus = 1;
        SearchReset();
        $("#search-content").addClass("search-open");

        if (searchStart == 0) {
            searchStart = 1;
            AjaxService.Ara($("#search-box").val(), function (_arama) {
                var ekipList = _arama.ekipListArama;
                var videoList = _arama.videoListArama;
                var etkinlikList = _arama.etkinlikListArama;
                var videoKanalList = _arama.videoKanalListArama;

                oyuncuIndex = 0;
                videoIndex = 0;
                etkinlikIndex = 0;
                videoKanalIndex = 0;
                resultCount = 0;

                //Oyuncular listeleniyor
                //-------------------------------------------------------------------------------------------------------------------------------------------------
                if (ekipList.length > 0) {
                    resultCount++;
                    $("#search-result .content ul li.yukleniyor").hide();
                    $("#search-result li.oyuncular").show();
                    $(ekipList).each(function () {
                        $("#search-result li.oyuncular").append("<a href=\"" + ekipList[oyuncuIndex].Url + "\" title=\"" + ekipList[oyuncuIndex].Baslik + "\">" +
                        "<img alt=\"" + ekipList[oyuncuIndex].Baslik + "\" src=\"/bitmap/37/33?src=" + ekipList[oyuncuIndex].GorselUrl + "\" />" +
                        "<h2>" + ekipList[oyuncuIndex].Baslik + "</h2>" +
                    "</a>");
                        oyuncuIndex++;
                    });
                }

                //Videolar listeleniyor
                //-------------------------------------------------------------------------------------------------------------------------------------------------
                if (videoList.length > 0) {
                    resultCount++;
                    $("#search-result .content ul li.yukleniyor").hide();
                    $("#search-result li.videolar").show();
                    $(videoList).each(function () {
                        $("#search-result li.videolar").append("<a href=\"" + videoList[videoIndex].Url + "\" title=\"" + videoList[videoIndex].Baslik + "\">" +
                        "<img alt=\"" + videoList[videoIndex].Baslik + "\" src=\"/bitmap/37/33?src=" + videoList[videoIndex].GorselUrl + "\" />" +
                        "<h2>" + videoList[videoIndex].Baslik + "</h2>" +
                        "<p>" + videoList[videoIndex].Aciklama + "</p>" +
                    "</a>");
                        videoIndex++;
                    });
                }

                //Kanallar listeleniyor
                //-------------------------------------------------------------------------------------------------------------------------------------------------
                if (videoKanalList.length > 0) {
                    resultCount++;
                    $("#search-result .content ul li.yukleniyor").hide();
                    $("#search-result li.kanallar").show();
                    $(videoKanalList).each(function () {
                        $("#search-result li.kanallar").append("<a href=\"" + videoKanalList[videoKanalIndex].Url + "\" title=\"" + videoKanalList[videoKanalIndex].Baslik + "\">" +
                        "<img alt=\"" + videoKanalList[videoKanalIndex].Baslik + "\" src=\"/bitmap/37/33?src=" + videoKanalList[videoKanalIndex].GorselUrl + "\" />" +
                        "<h2>" + videoKanalList[videoKanalIndex].Baslik + "</h2>" +
                    "</a>");
                        videoKanalIndex++;
                    });
                }

                //Etkinlikler listeleniyor
                //-------------------------------------------------------------------------------------------------------------------------------------------------
                if (etkinlikList.length > 0) {
                    resultCount++;
                    $("#search-result .content ul li.yukleniyor").hide();
                    $("#search-result li.etkinlikler").show();
                    $(etkinlikList).each(function () {
                        $("#search-result li.etkinlikler").append("<a href=\"" + etkinlikList[etkinlikIndex].Url + "\" title=\"" + etkinlikList[etkinlikIndex].Baslik + "\">" +
                        "<img alt=\"" + etkinlikList[etkinlikIndex].Baslik + "\" src=\"/bitmap/37/33?src=" + etkinlikList[etkinlikIndex].GorselUrl + "\" />" +
                        "<h2>" + etkinlikList[etkinlikIndex].Baslik + "</h2>" +
                        "<p>" + etkinlikList[etkinlikIndex].Zaman + "</p>" +
                        "<p>" + etkinlikList[etkinlikIndex].Mekan + "</p>" +
                    "</a>");
                        videoIndex++;
                    });
                }

                searchStart = 0;

                if (resultCount == 0) {
                    $("#search-result .content ul li.yukleniyor").hide();
                    $("#search-result li.no-result").show();
                }

                $("#search-result").mCustomScrollbar("vertical", 400, "easeOutCirc", 1, "fixed", "yes", "no", 0);

            });
        }
    }

    $("#search-content").mouseenter(function () { searchDisplay = 1; });

    $("#search-content").mouseleave(function () {
        searchDisplay = 0;
        setTimeout(SearchClose, 1500);
    });
});