function getPlatform() {
	var platform = ["Win32", "Android", "iOS"];
	for (var i = 0; i < platform.length; i++) {
		if (navigator.platform.indexOf(platform[i]) > -1) {
			return platform[i];
		}
	}
}
var eventType = getPlatform() === 'iOS' ? 'touchend' : 'click';

serialize = function(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
		if(encodeURIComponent(obj[p]) != '') { 
			if(encodeURIComponent(p) != 'sortOrder' && encodeURIComponent(p) != 'q' && encodeURIComponent(p) != 'divTarget' && encodeURIComponent(p) != 'divTemplate' && encodeURIComponent(p) != 'limitPerPage' && encodeURIComponent(p) != 'allowPagination') {  
				str.push(encodeURIComponent(p) + '[]'	  + "=" + encodeURIComponent(obj[p]));
			} else { 
				str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
			}
		}
    }
  return str.join("&");
}

var jsonCamApiQueryString = btoa(JSON.stringify(camApiConfig));
var camApiQueryString = serialize(camApiConfig); 
var camApiReply; 

console.log(jsonCamApiQueryString); 

$.ajax({
    dataType: 'json',
	async: false, 
    url: "https://softwareapi.org/api/api.loadModels.php?p=" + jsonCamApiQueryString,
    success: function (data) {
        camApiReply = data;
    },
	error: function (data) { 
		console.log('error!'); 
		$("#"+camApiConfig.divTarget).html("An error has occured"); 
	}
});

console.log(camApiReply); 
if(camApiReply.error === false) { 
	
	var camApiTemplate = document.getElementById("camContentTemplate");
	var camApiTemplateHtml = camApiTemplate.innerHTML;
	var camApiTemplateList = "";
	$.each(camApiReply.data, function(key, value) { 
		camApiTemplateList += camApiTemplateHtml.replace(/{{username}}/g, value.username)
							  .replace(/{{age}}/g,  value.age)
							  .replace(/{{gender}}/g,  value.gender)
							  .replace(/{{link}}/g,  value.link)
							  .replace(/{{image_url}}/g,  value.image_url);
	}); 

	document.getElementById(camApiConfig.divTarget).innerHTML = camApiTemplateList;
	
	if(camApiConfig.allowPagination == true) { 
        $("#" + camApiConfig.divTarget).append("<div class='camApiShowMore__box'><a href='#' id='camApiLoadMore' data-page='" + camApiReply.nextPage + "' class='camApiShowMore'>show more</a></div>"); 
	}
	
} else { 
	$("#"+camApiConfig.divTarget).html("An error has occured"); 
}



$('body').on(eventType, '#camApiLoadMore', function (e) {
	e.preventDefault();
	var thisPage = $(this).data("page");
	$(".camApiShowMore__box").remove();
	$.ajax({
		dataType: 'json',
		async: false, 
		url: "https://softwareapi.org/api/api.loadModels.php?page=" + thisPage + "&p=" + jsonCamApiQueryString,
		success: function (data) {
			camApiReply = data;
			if(camApiReply.error === false) { 
				var camApiTemplate = document.getElementById("camContentTemplate");
				var camApiTemplateHtml = camApiTemplate.innerHTML;
				var camApiTemplateList = "";
				$.each(camApiReply.data, function(key, value) { 
					camApiTemplateList += camApiTemplateHtml.replace(/{{username}}/g, value.username)
										  .replace(/{{age}}/g,  value.age)
										  .replace(/{{gender}}/g,  value.gender)
										  .replace(/{{link}}/g,  value.link)
										  .replace(/{{image_url}}/g,  value.image_url);
				}); 

				$("#" + camApiConfig.divTarget).append(camApiTemplateList);
				
				if(camApiConfig.allowPagination == true) { 
                                $("#" + camApiConfig.divTarget).append("<div class='camApiShowMore__box'><a href='#' id='camApiLoadMore' data-page='" + camApiReply.nextPage + "' class='camApiShowMore'>show more</a></div>"); 
				}
				
			}
		},
		error: function (data) { 
			$("#"+camApiConfig.divTarget).html("An error has occured"); 
		}
	});
	
});