$(document).ready(function() {

		$.getJSON('../data/subfeatureImageData.json', function(data) {
			divId = "subFeatures";
			determineSubfeatureImages(data, divId);
		});
		
		

		function determineSubfeatureImages(subfeatureImageData, divId) {

			var subFeatureImageArray = new Array();

			$.each(subfeatureImageData, function(index, picture){
				
				if (subFeatureImageArray.length <3) {
					subfeatureImageFileName      = picture.subfeatureImageFileName;
					subfeatureImageLink          = picture.subfeatureImageLink;
					subfeatureImageActive        = picture.subfeatureImageActive;
					subfeatureImageUseDateRange  = picture.subfeatureImageUseDateRange;
					subfeatureImageStartDate     = picture.subfeatureImageStartDate;
					subfeatureImageEndDate       = picture.subfeatureImageEndDate;

					if (subfeatureImageLink == ""){
						subfeatureImageLink="#";
					}

					if (subfeatureImageActive == "true") {
						if (subfeatureImageUseDateRange == "true") {

							var today = getTodaysDate();
							var startDate = reformatDate(subfeatureImageStartDate);
							var endDate = reformatDate(subfeatureImageEndDate);

							if ((startDate <= today) && (today <= endDate)) {
								var imageName = "./images/subfeatures/" + subfeatureImageFileName;
								var imageLink = subfeatureImageLink;
								subFeatureImageArray.push({"imagePath":imageName, "imageLink":imageLink, "imageClass":""});
							}

						} else {
							var imageName = "./images/subfeatures/" + subfeatureImageFileName;
							var imageLink = subfeatureImageLink;
							subFeatureImageArray.push({"imagePath":imageName, "imageLink":imageLink, "imageClass":""});
						}
					}
				}
			});
			
			appendDefaultImages(subFeatureImageArray, divId);
		}


		function appendDefaultImages(subFeatureImageArray, divId) {

			var sfShuffle = "false";

			// First populate this with the most recent sermon
			$.getJSON('../data/sermonData.json', function(sermonData) {
				var sermonFound = "false";
				var sermonImagePath = "";
				var sermonImageLink = "";
				$.each(sermonData, function(index, sermon){
					sermonImageUrl = sermon.sermonImageUrl;
					sermonEnable   = sermon.sermonEnable;
					if ((sermonEnable == "true") && (sermonFound == "false")) {
						sermonFound = "true";
						sermonImagePath = "../rc-includes/sermonThumb.php?src=" + sermonImageUrl + "&x=200&y=140&f=0";
						sermonImageLink = "http://www.rcalvary.org/sermons.php";
					}
				});
			
				$.getJSON('../data/sfDefaultData.json', function(defaultData) {

					$.each(defaultData, function(index, dfItem){
						sfDefaultOneName    = dfItem.sfDefaultOneName;
						sfDefaultOneLink    = dfItem.sfDefaultOneLink;
						sfDefaultTwoName    = dfItem.sfDefaultTwoName;
						sfDefaultTwoLink    = dfItem.sfDefaultTwoLink;
						sfDefaultThreeName  = dfItem.sfDefaultThreeName;
						sfDefaultThreeLink  = dfItem.sfDefaultThreeLink;
						sfDefaultShuffle    = dfItem.sfDefaultShuffle;
						sfShuffle = sfDefaultShuffle;

						if (subFeatureImageArray.length < 3) {
							if (sfDefaultOneName == "Most Recent Sermon") {
								subFeatureImageArray.push({"imagePath":sermonImagePath, "imageLink":sermonImageLink, "imageClass":"recentSermon"});
							} else {
								sfDefaultOneName = "./images/subfeatures/" + sfDefaultOneName;
								subFeatureImageArray.push({"imagePath":sfDefaultOneName, "imageLink":sfDefaultOneLink, "imageClass":""});
							}
						}
						if (subFeatureImageArray.length < 3) {
							if (sfDefaultTwoName == "Most Recent Sermon") {
								subFeatureImageArray.push({"imagePath":sermonImagePath, "imageLink":sermonImageLink, "imageClass":"recentSermon"});
							} else {
								sfDefaultTwoName = "./images/subfeatures/" + sfDefaultTwoName;
								subFeatureImageArray.push({"imagePath":sfDefaultTwoName, "imageLink":sfDefaultTwoLink, "imageClass":""});
							}
						}
						if (subFeatureImageArray.length < 3) {
							if (sfDefaultThreeName == "Most Recent Sermon") {
								subFeatureImageArray.push({"imagePath":sermonImagePath, "imageLink":sermonImageLink, "imageClass":"recentSermon"});
							} else {
								sfDefaultThreeName = "./images/subfeatures/" + sfDefaultThreeName;
								subFeatureImageArray.push({"imagePath":sfDefaultThreeName, "imageLink":sfDefaultThreeLink, "imageClass":""});
							}
						}

					});			
					
					// Now create the HTML
					if (sfShuffle == "true") {
						subFeatureImageArray = $.shuffle(subFeatureImageArray);
					}
					createSubFeatureHTML(subFeatureImageArray, divId);			

				});
			
			});

		}
		
		
		function createSubFeatureHTML(subFeatureImageArray, divId) {

			var fullCodeString = '';
			var counter = 1;
					
			$.each(subFeatureImageArray, function(index, imageInfo){
				imagePath  = imageInfo.imagePath;
				imageLink  = imageInfo.imageLink;
				imageClass = imageInfo.imageClass;

				if (counter == 1) {
					fullCodeString = fullCodeString + '<a href="' + imageLink + '"><div id="subFeature1">';
					if (imageClass == "recentSermon") {
						fullCodeString = fullCodeString + '<image style="background:url(' + imagePath + ')" src="./images/recent-sermon-overlay.png">';
					} else {
						fullCodeString = fullCodeString + '<image src="' + imagePath + '">';
					}
					fullCodeString = fullCodeString + '</div></a>';
				}
				if (counter == 2) {
					fullCodeString = fullCodeString + '<a href="' + imageLink + '"><div id="subFeature2">';
					if (imageClass == "recentSermon") {
						fullCodeString = fullCodeString + '<image style="background:url(' + imagePath + ')" src="./images/recent-sermon-overlay.png">';
					} else {
						fullCodeString = fullCodeString + '<image src="' + imagePath + '">';
					}
					fullCodeString = fullCodeString + '</div></a>';
				}
				if (counter == 3) {
					fullCodeString = fullCodeString + '<a href="' + imageLink + '"><div id="subFeature3">';
					if (imageClass == "recentSermon") {
						fullCodeString = fullCodeString + '<image style="background:url(' + imagePath + ')" src="./images/recent-sermon-overlay.png">';
					} else {
						fullCodeString = fullCodeString + '<image src="' + imagePath + '">';
					}
					fullCodeString = fullCodeString + '</div></a>';
				}
				
				counter++;

			});		

			document.getElementById(divId).innerHTML =fullCodeString;

		}
                               
		function getTodaysDate() {
		
			var d = new Date();
			
			var curr_date = pad2(d.getDate());
			var curr_month = pad2(d.getMonth() + 1);
			var curr_year = d.getFullYear();
			var today = curr_year + "/" + curr_month + "/" + curr_date;
			
			return today;
		}


		function reformatDate(oldFormat) {
			var year = oldFormat.substring(6);
			var month = oldFormat.substring(0,2);
			var day = oldFormat.substring(3,5);
			
			var newFormat = year + '/' + month + '/' + day;
			
			return newFormat;
		}


		function pad2(number) {

		     return (number < 10 ? '0' : '') + number

		}

	  
});