// Load Recipe List
//
	var image_path = "../images/recipe/";

	var current_on = 0;
	var scroller  = null;
	var scrollbar = null;
	
	window.onload = function () {
		scroller  = new jsScroller(document.getElementById("Container"), 250, 230);
		scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
		swapRecipes();		
	}
	
	function scrollbarEvent (o, type) {

		if (type == "mousedown") {
			if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
			else o.style.backgroundColor = "#BBB";
		} else {
			if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
			else o.style.backgroundColor = "#CCC";
		}
	}

	function swapRecipes(){
		category_id = $("#cat_name").val();
		str = "request_type=category_nav_choose&category_id="+category_id;
		LoadRecipeList(str, 'category_nav_choose');	
	}

	function LoadRecipeList(str, event_type){
		submit_str = str +"&group_member="+GROUP_MEMBER;
		$.ajax({
			method: "get",url: "../ajax/recipe_list_w_image.php",data: submit_str,
			success: function(html){ //so, if data is retrieved, store it in html
				$("#changeDropDown").html(html);
				scroller.reset();
				scrollbar.reset();
			}
		});
	}