// onLoad
function load() {
	cambia_seccion("entradas");
}

// Se encarga de cambiar de seccion
function cambia_seccion(seccion) {
	
	Element.hide('contenedor');
	
	if(seccion == "entradas") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Queso Fundido' href='#' onclick=\"cambia_contenido('m-01');\"><img src='images/m-01.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Guacamole' href='#' onclick=\"cambia_contenido('m-02');\"><img src='images/m-02.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Carne Seca' href='#' onclick=\"cambia_contenido('m-03');\"><img src='images/m-03.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Dobladitas' href='#' onclick=\"cambia_contenido('m-04');\"><img src='images/m-04.jpg' width='53' height='35'></a></div></td>" +
                          
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                         
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "ensaladas") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Ensalada' href='#' onclick=\"cambia_contenido('m-ensa');\"><img src='images/m-ensa.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "caldos") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Caldo' href='#' onclick=\"cambia_contenido('m-caldo');\"><img src='images/m-caldo.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "parrilla") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
						"<td width='80'><div align='center'><a title='Parrilla' href='#' onclick=\"cambia_contenido('m-parr-04');\"><img src='images/m-parr-04.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Parrilla' href='#' onclick=\"cambia_contenido('m-parr-01');\"><img src='images/m-parr-01.jpg' width='53' height='35'></a></div></td>" +
						   "<td width='80'><div align='center'><a title='Parrilla' href='#' onclick=\"cambia_contenido('m-parr-03');\"><img src='images/m-parr-03.jpg' width='53' height='35'></a></div></td>" +
                         "<td width='80'><div align='center'><a title='Parrilla' href='#' onclick=\"cambia_contenido('m-parr-02');\"><img src='images/m-parr-02.jpg' width='53' height='35'></a></div></td>" +
                         
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
						  "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "molcajetes") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
						"<td width='80'><div align='center'><a title='Molcajete' href='#' onclick=\"cambia_contenido('m-molca-04');\"><img src='images/m-molca-04.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Molcajete' href='#' onclick=\"cambia_contenido('m-molca-01');\"><img src='images/m-molca-01.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Molcajete' href='#' onclick=\"cambia_contenido('m-molca-02');\"><img src='images/m-molca-02.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Molcajete' href='#' onclick=\"cambia_contenido('m-molca-03');\"><img src='images/m-molca-03.jpg' width='53' height='35'></a></td>" +
                          
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "tacos") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Tacos' href='#' onclick=\"cambia_contenido('m-taco-01');\"><img src='images/m-taco-01.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;
	} else if(seccion == "mar") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Del mar' href='#' onclick=\"cambia_contenido('m-mar-01');\"><img src='images/m-mar-01.jpg' width='53' height='35'></a></div></td>" +
                         "<td width='80'><div align='center'><a title='Del mar' href='#' onclick=\"cambia_contenido('m-mar-02');\"><img src='images/m-mar-02.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;	
		} else if(seccion == "postres") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-07');\"><img src='images/m-postres-07.jpg' width='53' height='35'></a></div></td>" +
						  "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-01');\"><img src='images/m-postres-01.jpg' width='53' height='35'></a></div></td>" +
                          "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-02');\"><img src='images/m-postres-02.jpg' width='53' height='35'></td>" +
                          "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-03');\"><img src='images/m-postres-03.jpg' width='53' height='35'></td>" +
                          "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-04');\"><img src='images/m-postres-04.jpg' width='53' height='35'></td>" +
                          "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-05');\"><img src='images/m-postres-05.jpg' width='53' height='35'></td>" +
						  "<td width='80'><div align='center'><a title='Postre' href='#' onclick=\"cambia_contenido('m-postres-06');\"><img src='images/m-postres-06.jpg' width='53' height='35'></td>" +
                        "</tr>" +
                        "<tr>" +
						  "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
						  "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;	
		} else if(seccion == "bebidas") {
		$('contenedor').innerHTML = 
	"<table width='400' border='0' align='center'>" +
                        "<tr>" +
                          "<td width='80'><div align='center'><a title='Bebidas' href='#' onclick=\"cambia_contenido('m-bebidas-02');\"><img src='images/m-bebidas-02.jpg' width='53' height='35'></a></div></td>" +
						  "<td width='80'><div align='center'><a title='Bebidas' href='#' onclick=\"cambia_contenido('m-bebidas-01');\"><img src='images/m-bebidas-01.jpg' width='53' height='35'></a></div></td>" +
                         "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                          "<td width='80'>&nbsp;</td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
						  "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
                          "<td>&nbsp;</td>" +
		"</tr>" +
		"<tr>" +
			"<td colspan='5' id='contenido'>&nbsp;</td>" +
		"</tr>" +
	"</table>"
		;	
	
	}
	
	Effect.toggle('contenedor','appear');
}

// Se encarga de poner en el contenido
// la foto del platillo en grande
function cambia_contenido(imagen) {
	
	Element.hide('contenido');
	
	var nombre_imagen = imagen + "-gde.jpg";
	
	$('contenido').innerHTML = "<img src='images/"+nombre_imagen+"' width='450' height='300'>";
	
	Effect.toggle('contenido','appear');
}
