Menu = function(divId) {
	
	var div = $(divId);
	
	var labels = ["Home", "Neck", "Wrist", "Ear", "Other", "About", "FAQ"];
	var urls = ["home.html", "necklaces.html", "bracelets.html", "earrings.html", "misc.html", "info.html", "faq.html"];
	this.options = [];
	for(var i=0; i<labels.length; ++i) {
	
		if(i>0) {
			var sep = DIV({'class':'nav-sep'});
			div.appendChild(sep);
		}
	
		this.options.push(DIV({'class':'nav-tab'}, labels[i]));
		setNodeAttribute(this.options[i], "url", urls[i]);
		connect(this.options[i], 'onclick', bind(this.show, this, i));				
		div.appendChild(this.options[i]);
	}
	addElementClass(this.options[0], "nav-tab-selected");
	
	var clear = DIV();
	clear.style.clear = "both";
	div.appendChild(clear);
};

Menu.prototype.show = function(index) {
	for(var i=0; i<this.options.length; ++i) {
		if(hasElementClass(this.options[i], "nav-tab-selected")) {
			removeElementClass(this.options[i], "nav-tab-selected");
		}
	}
	addElementClass(this.options[index], "nav-tab-selected");
	
	$("content-frame").src = getNodeAttribute(this.options[index], "url");
};