var Month = 0;
var Year = 0;
var Channel = 0;
var arrNews = new Array();
var pageItems = 1;
var page = 1;
var totalPages = 0;

function News(id, image, title, text, link, date) {
    this.id = id;
    this.image = image;
    this.title = title;
    this.text = text;
    this.link = link;
    this.date = date;
    this.html = '<li class="liNews"><a href="' + link + '">'
    if(image != ''){
        this.html += '<img src="' + image + '" />'
    }
      this.html += '<span>' + date + '</span><h3>'  + title + '</h3><p>' + text + '</p></a></li>'
}

function dropCanal() {
    resetDrops("#dropCanal");
    $('#dropCanal > ol').toggleClass('hidden');
}
function changeValueDropCanal(hrefField) {
    Channel = $(hrefField).attr("href").replace("#", "");
    $('#dropCanal > ul .field').html($(hrefField).html());
    $('#dropCanal > ol').toggleClass('hidden');
    getNews(1);
    resetDrops();
}

function dropMonth() {
    resetDrops("#dropMonth");
    $('#dropMonth > ol').toggleClass('hidden');
}
function changeValueDropMonth(hrefField) {
    Month = $(hrefField).attr("href").replace("#", "");
    $('#dropMonth > ul .field').html($(hrefField).html());
    $('#dropMonth > ol').toggleClass('hidden');
    getNews(1);
    resetDrops();
}

function dropYear()
{
    resetDrops("#dropYear");
  $('#dropYear > ol').toggleClass('hidden');
}
function changeValueDropYear(hrefField) {
    Year = $(hrefField).attr("href").replace("#", "");
    $('#dropYear > ul .field').html($(hrefField).html());
    $('#dropYear > ol').toggleClass('hidden');
    getNews(1);
    resetDrops();
}

function resetDrops(drop) {
    if (drop != '#dropMonth') {
        if (!$('#dropMonth > ol').hasClass('hidden')) {
            $('#dropMonth > ol').addClass('hidden');
        }
    }
    if (drop != '#dropYear') {
        if (!$('#dropYear > ol').hasClass('hidden')) {
            $('#dropYear > ol').addClass('hidden');
        }
    }
    if (drop != '#dropCanal') {
        if (!$('#dropCanal > ol').hasClass('hidden')) {
            $('#dropCanal > ol').addClass('hidden');
        } 
    }
}

function getNews(pageNumber) {
    arrNews = new Array();
    page = pageNumber;
    link = "/base/getData/FilterNews/"+pageNumber+"/"+Channel+"/"+Month+"/"+Year+".aspx";

    $.get(link, function (data) {
        totalPages = $(data).find('root').attr('totalPages');
        var i = 0;
        $(data).find('Noticia').each(function () {
            g = new News($(this).find('id').text(), $(this).find('image').text(), $(this).find('title').text(), $(this).find('text').text(), $(this).find('link').text(), $(this).find('date').text());
            arrNews[i] = g;
            i++;
            
        });
        writeNews();
    });
}
function writeNews() {
    $('.liNews').remove();
    arrNews.reverse();
    for (var i = 0; i < arrNews.length; i++) {
        $('.entry-box.news-wide > div.news > div.wide:first').after(arrNews[i].html);
    }
  $('.liNews').wrapAll('<ul class="bloco1" />');

    var nextPage = page + 1;
    var previousPage = page - 1;
    if (nextPage > totalPages) {
        nextPage = totalPages;
    }
    if (previousPage < 1) {
        previousPage = 1;
    }
    if (totalPages <= 0) {
        previousPage = 0;
    }

    var paginator = '<ul class="nav"><li class="next"><a href="#" onclick="getNews(' + nextPage + ')"><span>Seguinte</span></a></li><li>' + page + ' de ' + totalPages + '</li><li class="previous"><a href="#"onclick="getNews(' + previousPage + ')" ><span>Anterior</span></a></li></ul>';
    $('.wide.drop-small .nav').replaceWith(paginator);
}