$(document).ready(function () {
    $("ul.menu_body li:even").addClass("alt");
    $('div.menu_head').click(function () {
        $('ul.menu_body').slideToggle('medium');
        if ($("#img-filters").attr("src") == "/images/filter_close.jpg") {
            $("#img-filters").attr("src", "/images/filter_drop.jpg");
        } else {
            $("#img-filters").attr("src", "/images/filter_close.jpg");
        }
    });
});

$(function() {
    $("ul.tabs").tabs("div.panes > div", { fx: { width: 'show', duration: 'slow',opacity:'toggle'} });
});
function ajax_send($year) {
    $('#loading').show();
    $.ajax({
        url: '/Get_Referenzen_year/',
        type: "POST",
        data: ({year : $year}),
        dataType: 'json',
        success: function(data) {
            //var jsn = JSON.parse(data);
            $('#block_for_fur').html("Für: "+$year);
            $('.tabs').html('');
            $('.panes').html('');
            $('.menu_body').html('');

            var i = 1;
            var s = '';
            $.each(data, function(messageIndex, message) {
                if (i == 1) {
                    $('.tabs').append('<li class="current"><a href="#">' + message['title'] + '</a></li>');
                } else {
                    $('.tabs').append('<li><a href="#">' + message['title'] + '</a></li>');

                }
                s = message['cats'];
                $('.menu_body').append('<li class="alt"><span onclick="ajax_send_filter(\'' + message['cats'] + '\')">' + message['cats'] + '</span></li>');
                $('.panes').append('<div><h3>' + message['title'] + '</h3><div style="position:relative;border:0px solid red;"><a href="/uploads/'
                             + message['images'] + '" rel="lightbox"><img src="/uploads/' + message['images'] + '" width="600" alt="'
                             + message['title'] + '" title="' + message['title']
                             + '"></a><div id="loading" style="position: absolute;top: 45%; left: 45%;display:none; ">' +
                    '               <img src="/images/ajax-loader.gif" width="100%" alt="loading" title="loading" />' +
                    '       </div><br><div class="url"><span class="green">URL ></span>'
                            + message['title'] + '</div><br><table class="refprj" border="0"><tr><td>'+message['description']+'</td></tr></table></div>');

                i = i + 1;
            });
            $(function() {
                $("ul.tabs").tabs("div.panes > div", { fx: { width: 'show', duration: 'slow',opacity:'toggle'} });
            });
            initLightbox();
            $('#loading').hide();
        }
    });
}
function ajax_send_filter($filter, $year) {
    $('#loading').show();
    $str = '';
    if (location.hash != "") {
        var coolVar = location.hash;
        var partsArray = coolVar.split('#');
        $str = partsArray[1];
    }
    else {
       // var d = new Date();
        $str = "";//d.getFullYear();
    }
    $.ajax({
        url: '/Get_Referenzen_filter/',
        type: "POST",
        data: ({filter : $filter , year : $str }),
        dataType: 'json',
        success: function(data) {
            $('.tabs').html('');
            $('.panes').html('');
            var i = 1;
            $.each(data, function(messageIndex, message) {
                if (i == 1) {
                    $('.tabs').append('<li class="current"><a href="#">' + message['title'] + '</a></li>');
                } else {
                    $('.tabs').append('<li><a href="#">' + message['title'] + '</a></li>');
                }
                $('.panes').append('<div><h3>' + message['title'] + '</h3><div style="position:relative;border:0px solid red;"><a href="/uploads/'
                    + message['images'] + '" rel="lightbox"><img src="/uploads/'
                    + message['images'] + '" width="600" alt="' + message['title'] + '" title="'
                    + message['title'] + '"></a><div id="loading" style="position: absolute;top: 45%; left: 45%;display:none; ">' +
                    '   <img src="/images/ajax-loader.gif" width="100%" alt="loading" title="loading" /></div><br>' +
                    '<div class="url"><span class="green">URL ></span>'
                     + message['title'] + '</div><br><table class="refprj" border="0"><tr><td>'+message['description']+'</td></tr></table></div>');

                i = i + 1;
            });
            $(function() {
                $("ul.tabs").tabs("div.panes > div", { fx: { width: 'show', duration: 'slow',opacity:'toggle'} });
            });
            initLightbox();
            $('#loading').hide();
        }
    });
}


function set_active($id) {
    var i = 0;
    for (i = 0; i <= $("#year_listen").children("li").size(); i++) {
        $("#act_year_" + i).removeClass("active_year");
        $("#act_year_" + i).addClass("curent_year");
    }
    $("#act_year_" + $id).addClass("active_year");
    var str = $("#act_year_" + $id).text();
    location.hash = "#" + jQuery.trim(str);
    ajax_send(jQuery.trim(str));

}