$(document).ready(function(){
	
	var HealthDayNewsData; 
	var HealthDayNewsMarkup; 
    var taxonomyFromNarasimha = $("#hdnTaxonomyTitle").val().replace(/'/g, "_");
	var $healthDayNewsFeed = $("#HealthDayNewsFeed"); 

	var query = {
        taxonomy : taxonomyFromNarasimha, 
        count : 20
    }

    var LoadingMarkup = '<div class="content-card--ux-response--black">';
		LoadingMarkup += '<h1 class="content-card__text">Loading Results</h1>';
		LoadingMarkup += '<div class="ajaxloader" id="ajaxloader">';
		LoadingMarkup += '<div id="circleG_1" class="circleG"></div>';
		LoadingMarkup += '<div id="circleG_2" class="circleG"></div>';
		LoadingMarkup += '<div id="circleG_3" class="circleG"></div></div></div>';

	$healthDayNewsFeed.html(function() {
		return LoadingMarkup; 
	});
 
    // AJAX REQUEST FOR HEALTHDAY NEWS FEED
	   $.ajax({
	        type: "POST",
	        //url: "https://stage.nursingcenter.com/CMSPages/WebService.asmx/GetHealthDayNewsContents",
	         url: "/CMSPages/WebService.asmx/GetHealthDayNewsContents",
	        data: JSON.stringify(query),
	        contentType: "application/json; charset=utf-8",
	        dataType: "json",
	    })
	    .done(function(res){
	        console.log("Ajax Success FOR HEALTHDAY NEWS FEED: ");
	        HealthDayNewsData = JSON.parse(res.d); 
	        console.log(HealthDayNewsData);


	        if (HealthDayNewsData.length < 1){
					var ErrorMarkup = '<div class="content-card--ux-response--black">'
					ErrorMarkup += '<h1 class="content-card__text">No results were found.</h1></div>';

			        $healthDayNewsFeed.html(function() {
					  	return ErrorMarkup; 
					});
		        }else{
		        
		    		$healthDayNewsFeed.html(function() {
						HealthDayNewsMarkup = buildMarkup(HealthDayNewsData, "healthdaynewsfeed");
					  	return HealthDayNewsMarkup; 
					});
				}
	        
			checkAmountOfCards(); 
	    })
	    .fail(function(res){
	        console.log("Ajax Failed FOR HEALTHDAY NEWS FEED: ");
	        console.dir(res); 
	        var ErrorMarkup = '<div class="content-card--ux-response--black">'
			ErrorMarkup += '<h1 class="content-card__text">There was an error retrieving your results.</h1></div>';

	        $healthDayNewsFeed.html(function() {
			  	return ErrorMarkup; 
			});


	    });


	function buildMarkup (data, markupType){
		var HTMLMarkup = " "; 

		if (markupType === "healthdaynewsfeed"){

			for( var i = 0; i < data.length; i++ ){

				var itemDate = new Date(data[i].Date);
				var date = formatDate(itemDate); 

				//console.log(date); 

				HTMLMarkup += '<div class="healthday-news"><div class="healthday-news__date">';
				HTMLMarkup += '' + date + '</div>';
				HTMLMarkup += '<a href="'+ data[i].LinkUrl +'" class="healthday-news__title">'
				HTMLMarkup += '' + data[i].Title + '</a><div class="healthday-news__description">'; 
				HTMLMarkup += '' + data[i].Title + '</div></div>';
			}

			return HTMLMarkup; 

		}
	}


}); 

function formatDate(date){
	var monthNames = [
    	"January", "February", "March",
    	"April", "May", "June", "July",
    	"August", "September", "October",
    	"November", "December"
  	];

  	var dayNames = [
  		"Sunday", "Monday", "Tuesday",
  		"Wednesday", "Thursday", "Friday",
  		"Saturday"
  	];


  	var day = date.getDate();
  	var dayIndex = date.getDay(); 
  	var monthIndex = date.getMonth();
  	var year = date.getFullYear();

  return dayNames[dayIndex] + ', ' + monthNames[monthIndex] + ' '+ day +', ' + year;
}



function checkAmountOfCards(){

	var $cardCarousels = $(".card-carousel"); 
	//console.log($cardCarousels); 
	for (var i = 0; i < $cardCarousels.length; i++){
		//console.log($cardCarousels[i]); 

		var $currnertCarousel = $($cardCarousels[i]); 
		//console.log($currnertCarousel); 

		var $currentflexwrapper = $currnertCarousel.find(".card-carousel__flex-wrapper"); 
		
		if ( $currentflexwrapper.children().length < 4) {	
			//console.log($currentflexwrapper.children()); 
			if ( $currentflexwrapper.children().length < 3) {	

				if ( $currentflexwrapper.children().length < 2) {	
					$currnertCarousel.addClass("card-carousel--320"); 
				}else{
					$currnertCarousel.addClass("card-carousel--640");
				} 

			}else{
				$currnertCarousel.addClass("card-carousel--960"); 
			}

			//console.log($currnertCarousel);	
		}else{
			$currnertCarousel.removeClass("card-carousel--960"); 
			$currnertCarousel.removeClass("card-carousel--640");
			$currnertCarousel.removeClass("card-carousel--320"); 
		}

	}
}