function readDoSearchContinuedStory() {

}

function readDoSearchEnglish() {

}

function setFilter(skip,st) {
    searchString = st;

    if (isdefined($('.searchBox').val()) && $('.searchBox').val() != 'z.B. Abenteuer, Tiere, Hase, Schule, Hans Christian Andersen') {
        searchString += "Keyword:" + $('.searchBox').val() + ";";
    }
    
    if (isdefined(skip)) {
        searchString += "Skip:" + skip + ";";
    }
    
    $('.tagOpenSelected').each(function () {
        searchString += $(this).attr('id') + ";";
    });
    $('.searchSelect').each(function () {
        searchString += $(this).attr('id') + ":"+ $(this).val() + ";";
    });

    searchString = searchString.substr(0, searchString.length - 1);

    var count = 0;

    if (searchString != '') {
        var getUrl = '/Story/'
        //$('#StoryCountDisplay').html("");
        // $('#storyList').hide();

        $("#storyList").hide();
        $('.loader').show();
        $("#storyList").html("");
        $("#StoryCount").html("");
        getUrl = getUrl + 'SimpleSearch?searchString=' + searchString

        $.ajax({
            type: "GET",
            url: getUrl,
            success: function (StorySearch, textStatus) {
                $.each(StorySearch, function () {
                    if (isdefined(this['StoryCount'])) {
                        if (this['StoryCount'] == "0") {
                            var emptyString = "idContinuedStory:1;";
                            $("#StoryCount").append("<h2>Leider keine Geschichten gefunden! </h2><br />");
                            $("#StoryCount").append('<center><br /><h3 style="cursor:pointer" onclick="javascript:setFilter(' + 0 + ',\'' + emptyString + '\')">In unseren Fortsetzungsgeschichten danach suchen.....</h3><br /><br />');
                            emptyString = "idLanguage:4;";
                            $("#StoryCount").append('<h3 style="cursor:pointer" onclick="javascript:setFilter(' + 0 + ',\'' + emptyString + '\')">In unseren englischen Geschichten danach suchen.....</h3><br /><br />');
                            $('#pager').html('');
                            return;
                        } else {
                            var SCount = parseInt(this['StoryCount'], 10);
                            if (SCount > 1) {
                                $('#StoryCount').html("<h2>" + SCount + " Geschichten gefunden...</h2>");
                            } else {
                                $('#StoryCount').html("<h2>" + SCount + " Geschichte gefunden...</h2>");
                            }

                            $('#pager').html('');
                            var emptyString = "";
                            if (SCount > 15) {
                                var res = '';
                                if (skip > 0)
                                    res = '<span class="greenLinkNoUnderlineArrLeft" onclick="javascript:setFilter(' + (skip - 15) + ',\'' + emptyString + '\')"> zurück </span>';
                                var i = (SCount / 15) + 1;
                                //var i = ((195+skip) / 15) + 1;
                                var skipCount = 0;
                                //var uLim = skip + 165;
                                //var lLim = Math.round((SCount - (skip+195)) / 15);
                                for (var x = 1; x <= i; x++) {
                                    res += '<span ' + (skipCount == skip ? 'class="greenLinkNumberActive"' : 'class="greenLinkNumber"') + ' onclick="javascript:setFilter(' + skipCount + ',\'' + emptyString + '\')"> ' + x + '</span>';
                                    skipCount += 15;
                                    // if (skipCount > uLim)
                                    // x = i + 1;
                                }
                                if ((skip + 15) < SCount)
                                    res += '<span class="greenLinkNoUnderlineArrRight" onclick="javascript:setFilter(' + (skip + 15) + ',\'' + emptyString + '\')"> weiter</span>';
                                $('#pager').html(res);
                            }
                        }
                    } else if (isdefined(this['EmptySearch']) && this['EmptySearch'] == "True") {
                        $('#StoryCount').html('');
                        $("#StoryCount").append("<h2>Die beliebtesten Geschichten... </h2>");
                        $('#pager').html('');
                    } else if (!isdefined(this['EmptySearch']) && !isdefined(this['StoryCount'])) {
                        showStory(this, count);
                        count++;
                    }

                });
                storySelection();
                $('.loader').hide();
                $("#storyList").show();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $('.loader').hide();
                //$("#storyList").append("<div class=\"detailName\">leider keine Geschichten gefunden... </div>");
                //$("#storyList").append(oldList);
                $("#storyList").show();

            },
            dataType: "json",
            async: false

        });
    } else {
        $('.loader').hide();
    }
}


function showStory(story, i) {
    var s = "";
    s = '<div class="clear"></div><div class="storyItem "><div class="grid_8 lineSix">';
    if (story['Title'] != ''){
        s = s + '<div class="txtUbuntu14" style="float: left">' + story['Title'] + '</div><div class="txt_BoldHidden" style="float: left">' + story['Title'] + '</div>';
        if (story['ContinuedStory'] == 'True')
            s = s + '<div class="continuedStoryList"> </div>';
        if(!isdefined(story['UserRating']))
        {
            s = s + '<div class="rating0Star" style="float: right; background-position: right;"></div>';
        } else {
            if(story['UserRating'] == 1)
                s = s + '<div class="rating1Star" style="float: right; background-position: right;"></div>';
            if (story['UserRating'] == 2)
                s = s + '<div class="rating2Star" style="float: right; background-position: right;"></div>';
            if (story['UserRating'] == 3)
                s = s + '<div class="rating3Star" style="float: right; background-position: right;"></div>';
            if (story['UserRating'] == 4)
                s = s + '<div class="rating4Star" style="float: right; background-position: right;"></div>';
            if (story['UserRating'] == 5)
                s = s + '<div class="rating5Star" style="float: right; background-position: right;"></div>';
        }

        s = s + '</div>';
    }

    s = s + '<div class="grid_6"></div><div class="storyUnfold"><div class="grid_4">';

    if (story['Author'] != '')
        s = s + '<div class="txtUbuntu14">Autor: ' + story['Author'] + '</div>';
    if (story['Genre'] != '')
        s = s + '<div class="txtUbuntu14">Geschichtenart: ' + story['Genre'] + '</div>';
    if (story['Themes'] != '')
        s = s + '<div class="txtUbuntu14" style="margin-bottom: 12px">Themen: ' + story['Themes'] + '</div>'
    
    s = s + "<a href=\"javascript:loadContent('#content', 'Geschichten/Lesen/" +  story['IDStoryInformation'] + "/l/true');\" class=\"buttonToStory\">Zur Geschichte </a></div>";
   
    s = s + '<div class="grid_3">';
    if (story['AgeGroup'] != '')
        s = s + '<div class="txtUbuntu14">Altersgruppe: ' + story['AgeGroup'] + '</div>';
    if (story['ReadDuration'] != '')
        s = s + '<div class="txtUbuntu14">Lesedauer: ' + story['ReadDuration'] + '</div>';
    if (story['Language'] != '')
        s = s + '<div class="txtUbuntu14">Sprache: ' + story['Language'] + '</div>';

    s = s + '</div><div class="grid_3"></div></div></div><div class="clear"></div>';

    $("#storyList").append(s);
}


function searchReady() {
    $('.searchBox').click(function () {
        $('.searchBox').val('');
    });
    $('.searchBox').focusout(function () {
        if ($('.searchBox').val() == '')
            $('.searchBox').val('z.B. Abenteuer, Tiere, Hase, Schule, Hans Christian Andersen');
    });

    $('.buttonSearch').click(function () {
        setFilter(0,'');
    });
    $('#idAuthor').change(function () {
        setFilter(0,'');
    });
    $('#idStoryTypeMaster').change(function () {
        setFilter(0,'');
    });
    $('#idStoryTypeSub').change(function () {
        setFilter(0,'');
    });
    $('#idLanguage').change(function () {
        setFilter(0,'');
    });
    $('#idPublisher').change(function () {
        setFilter(0,'');
    });
    $('#idContinuedStory').change(function () {
        setFilter(0,'');
    });
    storySelection();
    tagSelection();
    tagDeselection();
}

function storySelection() {
    $('.storyItem').click(function () {
        $('.storyUnfold').hide();
        $(this).children('.storyUnfold').toggle();
        //$(this).children('.lineSix').toggle();
        $(this).children('.grid_8').children('.txt_BoldHidden').toggle();
        $(this).children('.grid_8').children('.txtUbuntu14').toggle();
    });
}

function tagSelection() {
    $('.tagOpen').live('click', function () {
        $(this).addClass('tagOpenSelected');
        $(this).removeClass('tagOpen');

        $(this).children('.tagClose').addClass('tagCloseSelected');
        $(this).children('.tagClose').removeClass('tagClose');

        $(this).children('.tagCloseSelected').children('.tagMain').addClass('tagMainSelected');
        $(this).children('.tagCloseSelected').children('.tagMain').removeClass('tagMain');

        setFilter(0,'');
    });

}

function tagDeselection() {
    $('.tagOpenSelected').live('click', function () {
        $(this).addClass('tagOpen');
        $(this).removeClass('tagOpenSelected');

        $(this).children('.tagCloseSelected').addClass('tagClose');
        $(this).children('.tagCloseSelected').removeClass('tagCloseSelected');

        $(this).children('.tagClose').children('.tagMainSelected').addClass('tagMain');
        $(this).children('.tagClose').children('.tagMainSelected').removeClass('tagMainSelected');


        setFilter(0,'');
    });

}


function isdefined(variable) {
    return typeof (variable) != "undefined";
}