﻿function NewsUI() {
    //create class methods with constructors
    this.Load = function () {

    }

}

// OR you can create class methods using prototyping (similar to inheritence)
NewsUI.prototype.getNewsItems = function () {
    //get news data
    this.RenderNews();

}

NewsUI.prototype.getNewsByID = function (newsID) {
    //get news data by id
    newsItemDM.GetNewsInfoByID(newsID, function (vic) {
        var arrNewsListByID = new Array();
        arrNewsListByID = vic;
        for (var i = 0; i <= arrNewsListByID.length - 1; i++) {           
            $('#newsTitle').html(arrNewsListByID[i].title);
            $('#newsBody').html(arrNewsListByID[i].description);
            if (arrNewsListByID[i].newsImages.length > 0) {
                var data = new Array();
                data = arrNewsListByID[i].newsImages;
                for (var j = 0; j <= arrNewsListByID[i].newsImages.length - 1; j++) {
                    $('#newsCaption').html(data[j].Caption);
                    if (data[j].ImageURL != '') {
                        $("#newsImage").attr("src", "Assets" + data[j].ImageURL);
                    }
                    else {
                        $("#newsImage").hide();
                    }
                }
            }

        }


    });

}

NewsUI.prototype.RenderNews = function () {
  newsItemDM.GetNewsInfo(function (vic) {
    var arrNewsList = new Array();
    arrNewsList = vic;
    for (var i = 0; i <= arrNewsList.length - 1; i++) {

      var d = new Date(parseInt(arrNewsList[i].datePublished.slice(6, -2)));
      var m_names = new Array("January", "February", "March",
                        "April", "May", "June", "July", "August", "September",
                        "October", "November", "December");
      var curr_date = d.getDate();
      var curr_month = d.getMonth();
      var curr_year = d.getFullYear();
      var newsDate = m_names[curr_month] + " " + curr_date + ", " + curr_year;

      var newsItem = "<div class='item' id='item" + i + "'><div class='newsContentLeft' id='newsContentLeft" + i + "'></div></div>";
      var newsColumn = "<div id='newsColumn" + i + "' class='newsColumn' style='height:500px;overflow:visible;float:left;'></div>";
      var newsColumnItemHtml = " <div class='newsItem link'><div class='newsItem link' onclick='showNewsItemContent(" + arrNewsList[i].newsItemID + ")'><h2 class='newsTitle' style='width:143px;'>" + arrNewsList[i].title + "</h2><div class='newsDate'>" + newsDate + "</div></div></div>";

      if (window.innerWidth > 320) /* Use 4 column for higher resolutions */
      {
        if (i > 219) { if (i == 220) { $('#newsContentLeft208').append(newsColumn); } $('#newsColumn220').append(newsColumnItemHtml); }
        else if (i > 215) { if (i == 216) { $('#newsContentLeft208').append(newsColumn); } $('#newsColumn216').append(newsColumnItemHtml); }
        else if (i > 211) { if (i == 215) { $('#newsContentLeft208').append(newsColumn); } $('#newsColumn215').append(newsColumnItemHtml); }
        else if (i > 207) { if (i == 208) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn208').append(newsColumnItemHtml); }

        else if (i > 203) { if (i == 204) { $('#newsContentLeft192').append(newsColumn); } $('#newsColumn204').append(newsColumnItemHtml); }
        else if (i > 199) { if (i == 200) { $('#newsContentLeft192').append(newsColumn); } $('#newsColumn200').append(newsColumnItemHtml); }
        else if (i > 195) { if (i == 196) { $('#newsContentLeft192').append(newsColumn); } $('#newsColumn196').append(newsColumnItemHtml); }
        else if (i > 191) { if (i == 192) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn192').append(newsColumnItemHtml); }

        else if (i > 187) { if (i == 188) { $('#newsContentLeft176').append(newsColumn); } $('#newsColumn188').append(newsColumnItemHtml); }
        else if (i > 183) { if (i == 184) { $('#newsContentLeft176').append(newsColumn); } $('#newsColumn184').append(newsColumnItemHtml); }
        else if (i > 179) { if (i == 180) { $('#newsContentLeft176').append(newsColumn); } $('#newsColumn180').append(newsColumnItemHtml); }
        else if (i > 175) { if (i == 176) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn176').append(newsColumnItemHtml); }

        else if (i > 171) { if (i == 172) { $('#newsContentLeft160').append(newsColumn); } $('#newsColumn172').append(newsColumnItemHtml); }
        else if (i > 167) { if (i == 168) { $('#newsContentLeft160').append(newsColumn); } $('#newsColumn168').append(newsColumnItemHtml); }
        else if (i > 163) { if (i == 164) { $('#newsContentLeft160').append(newsColumn); } $('#newsColumn164').append(newsColumnItemHtml); }
        else if (i > 159) { if (i == 160) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn160').append(newsColumnItemHtml); }

        else if (i > 155) { if (i == 156) { $('#newsContentLeft144').append(newsColumn); } $('#newsColumn156').append(newsColumnItemHtml); }
        else if (i > 151) { if (i == 152) { $('#newsContentLeft144').append(newsColumn); } $('#newsColumn152').append(newsColumnItemHtml); }
        else if (i > 147) { if (i == 148) { $('#newsContentLeft144').append(newsColumn); } $('#newsColumn148').append(newsColumnItemHtml); }
        else if (i > 143) { if (i == 144) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn144').append(newsColumnItemHtml); }

        else if (i > 139) { if (i == 140) { $('#newsContentLeft128').append(newsColumn); } $('#newsColumn140').append(newsColumnItemHtml); }
        else if (i > 135) { if (i == 136) { $('#newsContentLeft128').append(newsColumn); } $('#newsColumn136').append(newsColumnItemHtml); }
        else if (i > 131) { if (i == 132) { $('#newsContentLeft128').append(newsColumn); } $('#newsColumn132').append(newsColumnItemHtml); }
        else if (i > 127) { if (i == 128) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn128').append(newsColumnItemHtml); }

        else if (i > 123) { if (i == 124) { $('#newsContentLeft112').append(newsColumn); } $('#newsColumn124').append(newsColumnItemHtml); }
        else if (i > 119) { if (i == 120) { $('#newsContentLeft112').append(newsColumn); } $('#newsColumn120').append(newsColumnItemHtml); }
        else if (i > 115) { if (i == 116) { $('#newsContentLeft112').append(newsColumn); } $('#newsColumn116').append(newsColumnItemHtml); }
        else if (i > 111) { if (i == 112) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn112').append(newsColumnItemHtml); }

        else if (i > 107) { if (i == 108) { $('#newsContentLeft96').append(newsColumn); } $('#newsColumn108').append(newsColumnItemHtml); }
        else if (i > 103) { if (i == 104) { $('#newsContentLeft96').append(newsColumn); } $('#newsColumn104').append(newsColumnItemHtml); }
        else if (i > 99) { if (i == 100) { $('#newsContentLeft96').append(newsColumn); } $('#newsColumn100').append(newsColumnItemHtml); }
        else if (i > 95) { if (i == 96) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn96').append(newsColumnItemHtml); }

        else if (i > 91) { if (i == 92) { $('#newsContentLeft80').append(newsColumn); } $('#newsColumn92').append(newsColumnItemHtml); }
        else if (i > 87) { if (i == 88) { $('#newsContentLeft80').append(newsColumn); } $('#newsColumn88').append(newsColumnItemHtml); }
        else if (i > 83) { if (i == 84) { $('#newsContentLeft80').append(newsColumn); } $('#newsColumn84').append(newsColumnItemHtml); }
        else if (i > 79) { if (i == 80) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn80').append(newsColumnItemHtml); }

        else if (i > 75) { if (i == 76) { $('#newsContentLeft64').append(newsColumn); } $('#newsColumn76').append(newsColumnItemHtml); }
        else if (i > 71) { if (i == 72) { $('#newsContentLeft64').append(newsColumn); } $('#newsColumn72').append(newsColumnItemHtml); }
        else if (i > 67) { if (i == 68) { $('#newsContentLeft64').append(newsColumn); } $('#newsColumn68').append(newsColumnItemHtml); }
        else if (i > 63) { if (i == 64) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn64').append(newsColumnItemHtml); }

        else if (i > 59) { if (i == 60) { $('#newsContentLeft48').append(newsColumn); } $('#newsColumn60').append(newsColumnItemHtml); }
        else if (i > 55) { if (i == 56) { $('#newsContentLeft48').append(newsColumn); } $('#newsColumn56').append(newsColumnItemHtml); }
        else if (i > 51) { if (i == 52) { $('#newsContentLeft48').append(newsColumn); } $('#newsColumn52').append(newsColumnItemHtml); }
        else if (i > 47) { if (i == 48) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn48').append(newsColumnItemHtml); }

        else if (i > 43) { if (i == 44) { $('#newsContentLeft32').append(newsColumn); } $('#newsColumn44').append(newsColumnItemHtml); }
        else if (i > 39) { if (i == 40) { $('#newsContentLeft32').append(newsColumn); } $('#newsColumn40').append(newsColumnItemHtml); }
        else if (i > 35) { if (i == 36) { $('#newsContentLeft32').append(newsColumn); } $('#newsColumn36').append(newsColumnItemHtml); }
        else if (i > 31) { if (i == 32) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn32').append(newsColumnItemHtml); }

        else if (i > 27) { if (i == 28) { $('#newsContentLeft16').append(newsColumn); } $('#newsColumn28').append(newsColumnItemHtml); }
        else if (i > 23) { if (i == 24) { $('#newsContentLeft16').append(newsColumn); } $('#newsColumn24').append(newsColumnItemHtml); }
        else if (i > 19) { if (i == 20) { $('#newsContentLeft16').append(newsColumn); } $('#newsColumn20').append(newsColumnItemHtml); }
        else if (i > 15) { if (i == 16) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn16').append(newsColumnItemHtml); }

        else if (i > 11) { if (i == 12) { $('#newsContentLeft0').append(newsColumn); } $('#newsColumn12').append(newsColumnItemHtml); }
        else if (i > 7) { if (i == 8) { $('#newsContentLeft0').append(newsColumn); } $('#newsColumn8').append(newsColumnItemHtml); }
        else if (i > 3) { if (i == 4) { $('#newsContentLeft0').append(newsColumn); } $('#newsColumn4').append(newsColumnItemHtml); }
        else { if (i == 0) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn0').append(newsColumnItemHtml); }
      }
      else /* This is the 2 column version for the lower resolutions */
      {
        if (i > 219) { if (i == 220) { $('#newsContentLeft216').append(newsColumn); } $('#newsColumn220').append(newsColumnItemHtml); }
        else if (i > 215) { if (i == 216) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn216').append(newsColumnItemHtml); }

        else if (i > 211) { if (i == 215) { $('#newsContentLeft208').append(newsColumn); } $('#newsColumn215').append(newsColumnItemHtml); }
        else if (i > 207) { if (i == 208) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn208').append(newsColumnItemHtml); }

        else if (i > 203) { if (i == 204) { $('#newsContentLeft200').append(newsColumn); } $('#newsColumn204').append(newsColumnItemHtml); }
        else if (i > 199) { if (i == 200) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn200').append(newsColumnItemHtml); }

        else if (i > 195) { if (i == 196) { $('#newsContentLeft192').append(newsColumn); } $('#newsColumn196').append(newsColumnItemHtml); }
        else if (i > 191) { if (i == 192) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn192').append(newsColumnItemHtml); }

        else if (i > 187) { if (i == 188) { $('#newsContentLeft184').append(newsColumn); } $('#newsColumn188').append(newsColumnItemHtml); }
        else if (i > 183) { if (i == 184) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn184').append(newsColumnItemHtml); }

        else if (i > 179) { if (i == 180) { $('#newsContentLeft176').append(newsColumn); } $('#newsColumn180').append(newsColumnItemHtml); }
        else if (i > 175) { if (i == 176) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn176').append(newsColumnItemHtml); }

        else if (i > 171) { if (i == 172) { $('#newsContentLeft168').append(newsColumn); } $('#newsColumn172').append(newsColumnItemHtml); }
        else if (i > 167) { if (i == 168) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn168').append(newsColumnItemHtml); }

        else if (i > 163) { if (i == 164) { $('#newsContentLeft160').append(newsColumn); } $('#newsColumn164').append(newsColumnItemHtml); }
        else if (i > 159) { if (i == 160) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn160').append(newsColumnItemHtml); }

        else if (i > 155) { if (i == 156) { $('#newsContentLeft152').append(newsColumn); } $('#newsColumn156').append(newsColumnItemHtml); }
        else if (i > 151) { if (i == 152) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn152').append(newsColumnItemHtml); }

        else if (i > 147) { if (i == 148) { $('#newsContentLeft144').append(newsColumn); } $('#newsColumn148').append(newsColumnItemHtml); }
        else if (i > 143) { if (i == 144) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn144').append(newsColumnItemHtml); }

        else if (i > 139) { if (i == 140) { $('#newsContentLeft136').append(newsColumn); } $('#newsColumn140').append(newsColumnItemHtml); }
        else if (i > 135) { if (i == 136) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn136').append(newsColumnItemHtml); }

        else if (i > 131) { if (i == 132) { $('#newsContentLeft128').append(newsColumn); } $('#newsColumn132').append(newsColumnItemHtml); }
        else if (i > 127) { if (i == 128) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn128').append(newsColumnItemHtml); }

        else if (i > 123) { if (i == 124) { $('#newsContentLeft120').append(newsColumn); } $('#newsColumn124').append(newsColumnItemHtml); }
        else if (i > 119) { if (i == 120) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn120').append(newsColumnItemHtml); }

        else if (i > 115) { if (i == 116) { $('#newsContentLeft112').append(newsColumn); } $('#newsColumn116').append(newsColumnItemHtml); }
        else if (i > 111) { if (i == 112) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn112').append(newsColumnItemHtml); }

        else if (i > 107) { if (i == 108) { $('#newsContentLeft104').append(newsColumn); } $('#newsColumn108').append(newsColumnItemHtml); }
        else if (i > 103) { if (i == 104) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn104').append(newsColumnItemHtml); }

        else if (i > 99) { if (i == 100) { $('#newsContentLeft96').append(newsColumn); } $('#newsColumn100').append(newsColumnItemHtml); }
        else if (i > 95) { if (i == 96) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn96').append(newsColumnItemHtml); }

        else if (i > 91) { if (i == 92) { $('#newsContentLeft88').append(newsColumn); } $('#newsColumn92').append(newsColumnItemHtml); }
        else if (i > 87) { if (i == 88) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn88').append(newsColumnItemHtml); }

        else if (i > 83) { if (i == 84) { $('#newsContentLeft80').append(newsColumn); } $('#newsColumn84').append(newsColumnItemHtml); }
        else if (i > 79) { if (i == 80) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn80').append(newsColumnItemHtml); }

        else if (i > 75) { if (i == 76) { $('#newsContentLeft72').append(newsColumn); } $('#newsColumn76').append(newsColumnItemHtml); }
        else if (i > 71) { if (i == 72) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn72').append(newsColumnItemHtml); }

        else if (i > 67) { if (i == 68) { $('#newsContentLeft64').append(newsColumn); } $('#newsColumn68').append(newsColumnItemHtml); }
        else if (i > 63) { if (i == 64) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn64').append(newsColumnItemHtml); }

        else if (i > 59) { if (i == 60) { $('#newsContentLeft56').append(newsColumn); } $('#newsColumn60').append(newsColumnItemHtml); }
        else if (i > 55) { if (i == 56) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn56').append(newsColumnItemHtml); }

        else if (i > 51) { if (i == 52) { $('#newsContentLeft48').append(newsColumn); } $('#newsColumn52').append(newsColumnItemHtml); }
        else if (i > 47) { if (i == 48) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn48').append(newsColumnItemHtml); }

        else if (i > 43) { if (i == 44) { $('#newsContentLeft40').append(newsColumn); } $('#newsColumn44').append(newsColumnItemHtml); }
        else if (i > 39) { if (i == 40) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn40').append(newsColumnItemHtml); }

        else if (i > 35) { if (i == 36) { $('#newsContentLeft32').append(newsColumn); } $('#newsColumn36').append(newsColumnItemHtml); }
        else if (i > 31) { if (i == 32) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn32').append(newsColumnItemHtml); }

        else if (i > 27) { if (i == 28) { $('#newsContentLeft24').append(newsColumn); } $('#newsColumn28').append(newsColumnItemHtml); }
        else if (i > 23) { if (i == 24) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn24').append(newsColumnItemHtml); }

        else if (i > 19) { if (i == 20) { $('#newsContentLeft16').append(newsColumn); } $('#newsColumn20').append(newsColumnItemHtml); }
        else if (i > 15) { if (i == 16) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn16').append(newsColumnItemHtml); }

        else if (i > 11) { if (i == 12) { $('#newsContentLeft8').append(newsColumn); } $('#newsColumn12').append(newsColumnItemHtml); }
        else if (i > 7) { if (i == 8) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn8').append(newsColumnItemHtml); }

        else if (i > 3) { if (i == 4) { $('#newsContentLeft0').append(newsColumn); } $('#newsColumn4').append(newsColumnItemHtml); }
        else { if (i == 0) { $('.items').append(newsItem); $('#newsContentLeft' + i).append(newsColumn); } $('#newsColumn0').append(newsColumnItemHtml); }
      }
    }



  });
  $(".scrollable").scrollable({ size: 1, speed: 1000 });



}
NewsUI = new NewsUI();
