$.CFDefaultPageTabsResources = {
	globalLoadingText: 'Loading ...'
};
var defaultPageTabsResources = $.CFDefaultPageTabsResources;

///#region Set Resources


$.setDefaultPageTabsResources = function(options) {
	defaultPageTabsResources = $.extend({}, $.CFDefaultPageTabsResources, options || {});
};


$(function() {
	$("ul.tabs").tabs("div.panes > div", {
		effect: 'default',
		onBeforeClick: function(event, i) {

			// get the pane to be opened
			var pane = this.getPanes().eq(i);
			var targetDiv = pane;
			if (targetDiv.is(":empty")) {

				//Initialize variables
				var virtualDirectory = Communifire.virtualDirectory;
				var pageLength = 10;
				var dataPath = null;
				var templatePath = null;
				var initializeTemplate = function() { };

				//Set loading status
				targetDiv.html('<div class="axero-spinner-image"><img src="' + virtualDirectory + '/assets/images/spinner.gif" /> <span>' + defaultPageTabsResources.globalLoadingText + '</span></div>');
				var hrefValue = this.getTabs().eq(i).attr("href");
				i = parseInt(hrefValue.substring(1), 10);
				//Set data + template paths
				switch (i) {
					case 1:
						dataPath = Communifire.buildCommonWSUrl('GetLatestBlogsListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestBlogsList.aspx');
						break;
					case 2:
						dataPath = Communifire.buildCommonWSUrl('GetLatestForumPostsListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestForumPostsList.aspx');
						break;
					case 3:
						dataPath =Communifire.buildCommonWSUrl('GetLatestArticlesListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestArticlesList.aspx');
						break;
					case 4:
						dataPath = Communifire.buildCommonWSUrl('GetLatestEventsListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestEventsList.aspx');
						break;
					case 5:
						dataPath = Communifire.buildCommonWSUrl('GetLatestJobsListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestJobsList.aspx');
						break;
					case 6:
						dataPath = Communifire.buildCommonWSUrl('GetWikiTopicsListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestWikiTopicsList.aspx');
						break;
					case 7:
						dataPath = Communifire.buildCommonWSUrl('GetLatestVideosListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestVideosList.aspx');
						pageLength = 20;
						break;
					case 8:
						dataPath = Communifire.buildCommonWSUrl('GetLatestPhotosListAjaxify');
						templatePath = Communifire.buildAjaxTemplatesUrl('LatestPhotosList.aspx');
						pageLength = 20;
						break;
				} //end switch

				//#region Make ajax call
				$.ajax({
					type: 'POST',
					url: dataPath,
					data: '{"pageLength":' + pageLength + '}',
					dataType: 'json',
					contentType: 'application/json; charset=utf-8',
					success: function(response) {
						if (response != null && response.d != null && response.d) {

							var templateHTML = null;
							var output = response.d;

							//Load template
							$.get(templatePath, function(data) {
								templateHTML = data;

								//Apply template

								//#region switch
								switch (i) {
									case 1:
										initializeTemplate = parseTemplate(templateHTML, { blogList: output });
										break;
									case 2:
										initializeTemplate = parseTemplate(templateHTML, { postList: output });
										break;
									case 3:
										initializeTemplate = parseTemplate(templateHTML, { articleList: output });
										break;
									case 4:
										initializeTemplate = parseTemplate(templateHTML, { eventList: output });
										break;
									case 5:
										initializeTemplate = parseTemplate(templateHTML, { jobList: output });
										break;
									case 6:
										initializeTemplate = parseTemplate(templateHTML, { wikiTopicList: output });
										break;
									case 7:
										initializeTemplate = parseTemplate(templateHTML, { videosList: output });
										break;
									case 8:
										initializeTemplate = parseTemplate(templateHTML, { photosList: output });
										break;
								}
								//#endregion

								var s = initializeTemplate;
								targetDiv.html(s);
							}); //end ajax
						}
						else {
							targetDiv.html('');
						}
					}
				});
				//#endregion 
			}

		}
	});

});