Shop = {
	init: function() {

		this.groups = ["shirt", "accessoires", "interior"];
		
		$.each(this.groups, function(){Shop.wrapGroup(this);Shop.addClickies(this);});
  			
		$("#shirtgroup").prepend('<h2>Shirts</h2>').hide();
		$("#accessoiresgroup").prepend('<h2>Accessoires</h2>').hide();
		$("#interiorgroup").prepend('<h2>Interior</h2>').hide();
		
		$("#goshirt").click(function(){Shop.showGroup("shirt");});
		$("#goaccessoires").click(function(){Shop.showGroup("accessoires");});
		$("#gointerior").click(function(){Shop.showGroup("interior");});
		
		if(document.URL.match(/#shirt/)) {
			this.showGroup("shirt");
		}
		if(document.URL.match(/#accessoires/)) {
			this.showGroup("accessoires");
		}
		if(document.URL.match(/#interior/)) {
			this.showGroup("interior");
		}
	},
	wrapGroup: function(group) {
		$("." + group).wrapAll('<div id="' + group + 'group" class="sgroup"></div>');
	},
	showGroup: function(group) {
		$(".sgroup").hide();
		$("#" + group + "group").show();
		this.boldLink(group);
	},
	boldLink: function(group) {
		$("#shopnav").removeAttr("class");
		$("#shopnav li").removeAttr("class");
		$("#go" + group).parent().addClass("selected");
	},
	addClickies: function(group) {
	}
};


$(function(){Shop.init();});
