			var req;
			var place;
			var month;
			var year;
			
			function sendRequestGet(){
				for(var i=1; i<arguments.length; i++){
     					 url = url.concat(arguments[i]);
     			}

			 	if (window.XMLHttpRequest) {
					req = new XMLHttpRequest();
				} else if (window.ActiveXObject) {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				}
				
				req.open("GET", url, true);
				req.onreadystatechange = callback;
				req.send(null);
			}
			
			function callback() {
			    if (req.readyState == 4 || req.readyState == "complete") {
			        if (req.status == 200) {
			            parseMessage();
   				   }
    			}
			}
		
			function setMessage(message) {
			    mdiv = document.getElementById(place);
			    mdiv.innerHTML = message;
			    if(message == ""){
			    	getRecipe('');
			    }
			}
			
			function parseMessage() {
			    var message = req.responseText;
			    setMessage(message);
			}
		
			function getRecipe(id){
				url = "get_recipe.php";
				id = "?id=" + id
				place = "recipeCard";
				sendRequestGet(url,id);
			}

			function filterList(id){
				url = "recipe_list.php";
				category2 = "?category=" + id;
				place = "list";
				
				sendRequestGet(url,category2);
				if(category2 == ""){
					getRecipe("");
				}
			}
