var dish=new Array();
for(i=1;i<5;i++){
	var temp='dish'+i
	dish[i]=$(temp);
	dish[i].onclick = function() {return false;};
	
}

Event.observe('dish1', 'click', function(e){toggleLayerOn('beef','dish1') });
Event.observe('dish2', 'click', function(e){toggleLayerOn('pasta','dish2') });
Event.observe('dish3', 'click', function(e){toggleLayerOn('chicken','dish3') });
Event.observe('dish4', 'click', function(e){toggleLayerOn('seafood','dish4') });

dishSpice1=new Array(); 
for(i=1;i<13;i++){
	temp='dish1'+'spice'+i
	dishSpice1[i]=$(temp);
	dishSpice1[i].onclick = function() {return false;};
	
}

Event.observe('dish1spice1', 'click', function(e){Star('star8','star9','star11','star13','dish1spice1')});
Event.observe('dish1spice2', 'click', function(e){Star('star8','star9','star11','star13','dish1spice2')});
Event.observe('dish1spice3', 'click', function(e){Star('star5','star9','star10','star13','dish1spice3') });
Event.observe('dish1spice4', 'click', function(e){Star('star8','star10','star11','star13','dish1spice4') });
Event.observe('dish1spice5', 'click', function(e){Star('star8','star10','star11','star13','dish1spice5') });
Event.observe('dish1spice6', 'click', function(e){Star('star5','star10','star11','star13','dish1spice6') });
Event.observe('dish1spice7', 'click', function(e){Star('star5','star10','star11','star13','dish1spice7') });
Event.observe('dish1spice8', 'click', function(e){Star('star8','star10','star11','star13','dish1spice8') });
Event.observe('dish1spice9', 'click', function(e){Star('star8','star9','star10','dish1spice9') });
Event.observe('dish1spice10', 'click', function(e){Star('star1','star8','star11','star13','dish1spice10') });
Event.observe('dish1spice11', 'click', function(e){Star('star1','star8','star10','dish1spice11') });
Event.observe('dish1spice12', 'click', function(e){Star('star5','star8','star1','star13','dish1spice12') });

dishSpice2=new Array(); 
for(i=1;i<11;i++){
	temp='dish2'+'spice'+i
	dishSpice2[i]=$(temp);
	dishSpice2[i].onclick = function() {return false;};
	
}

Event.observe('dish2spice1', 'click', function(e){Star('star8','star9','star10','dish2spice1')});
Event.observe('dish2spice2', 'click', function(e){Star('star5','star6','star8','star13','dish2spice2')});
Event.observe('dish2spice3', 'click', function(e){Star('star6','star8','star9','dish2spice3')});
Event.observe('dish2spice4', 'click', function(e){Star('star7','star1','star8','star14','dish2spice4') });
Event.observe('dish2spice5', 'click', function(e){Star('star4','star6','star8','dish2spice5') });
Event.observe('dish2spice6', 'click', function(e){Star('star6','star7','star14','dish2spice6')});
Event.observe('dish2spice7', 'click', function(e){Star('star2','star3','star6','star12','dish2spice7')});
Event.observe('dish2spice8', 'click', function(e){Star('star2','star3','star6','star12','dish2spice8') });
Event.observe('dish2spice9', 'click', function(e){Star('star1','star4','star6','dish2spice9') });
Event.observe('dish2spice10', 'click', function(e){Star('star1','star2','star6','dish2spice10') });

dishSpice3=new Array(); 
for(i=1;i<14;i++){
	temp='dish3'+'spice'+i
	dishSpice3[i]=$(temp);
	dishSpice3[i].onclick = function() {return false;};
	
}

Event.observe('dish3spice1', 'click', function(e){Star('star1','star2','star4','star8','dish3spice1')});
Event.observe('dish3spice2', 'click', function(e){Star('star1','star4','star6','star8','dish3spice2')});
Event.observe('dish3spice3', 'click', function(e){Star('star1','star4','star6','dish3spice3')});
Event.observe('dish3spice4', 'click', function(e){Star('star6','star7','star8','star14','dish3spice4') });
Event.observe('dish3spice5', 'click', function(e){Star('star3','star6','star9','star12','dish3spice5') });
Event.observe('dish3spice6', 'click', function(e){Star('star2','star6','star7','star8','star14','dish3spice6')});
Event.observe('dish3spice7', 'click', function(e){Star('star3','star6','star7','star8','star12','star14','dish3spice7')});
Event.observe('dish3spice8', 'click', function(e){Star('star1','star5','star8','star10','star13','dish3spice8') });
Event.observe('dish3spice9', 'click', function(e){Star('star3','star6','star8','star12','dish3spice9') });
Event.observe('dish3spice10', 'click', function(e){Star('star2','star4','star6','dish3spice10') });
Event.observe('dish3spice11', 'click', function(e){Star('star2','star3','star6','star12','dish3spice11')});
Event.observe('dish3spice12', 'click', function(e){Star('star2','star6','star7','star8','star14','dish3spice12') });
Event.observe('dish3spice13', 'click', function(e){Star('star1','star4','star10','dish3spice13') });

dishSpice4=new Array(); 
for(i=1;i<10;i++){
	temp='dish4'+'spice'+i
	dishSpice4[i]=$(temp);
	dishSpice4[i].onclick = function() {return false;};
	
}

Event.observe('dish4spice1', 'click', function(e){Star('star6','star7','star8','star14','dish4spice1')});
Event.observe('dish4spice2', 'click', function(e){Star('star2','star3','star6','star12','dish4spice2')});
Event.observe('dish4spice3', 'click', function(e){Star('star2','star3','star6','star12','dish4spice3')});
Event.observe('dish4spice4', 'click', function(e){Star('star2','star3','star6','star12','dish4spice4') });
Event.observe('dish4spice5', 'click', function(e){Star('star1','dish4spice5') });
Event.observe('dish4spice6', 'click', function(e){Star('star4','star6','star7','star14','dish4spice6')});
Event.observe('dish4spice7', 'click', function(e){Star('star2','star3','star6','star12','dish4spice7')});
Event.observe('dish4spice8', 'click', function(e){Star('star2','star3','star6','star12','dish4spice8')});
Event.observe('dish4spice9', 'click', function(e){Star('star1','star2','star3','star12','dish4spice9') });

//set styles in JS, if done in css effects.js doesn't work
starStyles=new Array();
for(i=1;i<14;i++){
	temp='star'+i;
	starStyles[i]=$(temp);
	starStyles[i].style.display='none';
	starStyles[i].style.position='absolute';
}