RollArray = new Array();
window.onload = function() {	
	RollArray[RollArray.length] = new Array('recipe1','../recipes/bases/saladbase1.gif');
	RollArray[RollArray.length] = new Array('recipe2','../recipes/bases/saucebase1.gif');
	RollArray[RollArray.length] = new Array('recipe3','../recipes/bases/soupbase1.gif');
	RollArray[RollArray.length] = new Array('recipe4','../recipes/bases/treatbase1.gif');
	RollArray[RollArray.length] = new Array('recipe5','../recipes/bases/tipbase1.gif');
	RollArray[RollArray.length] = new Array('recipe6','../recipes/bases/mealbase1.gif');
	RollArray[RollArray.length] = new Array('base','../recipes/bases/recipebaseoff1.gif');
	
	imageObject = new Image();
	for(i=0; i<RollArray.length; i++){
		imageObject.src=RollArray[i][1];
	}	
}

function loadRecipeImage(name){
	var pos = findRecipePos(name);
	var mainImage = document.getElementById('base');	
	if(pos!=-1){
		mainImage.src=RollArray[pos][1];		
	}
	return true;
}

function findRecipePos(name){
	var i=0;	
	for(i=0;i<RollArray.length;i++){
		if(RollArray[i][0]==name){return i;}
	}
	return -1;
}