var TabMakerEx = Class.create()
TabMakerEx.prototype = {
	initialize: function(name) {
		var cookie = new CookieManager();
		var index = parseInt(cookie.getCookie("TOPPAGE_TAB_INDEX"));
		if(!index) index = 0;

		tabs = $A($(name + 'Index').getElementsByTagName('li'));
		var menu = new TabIndex(name);
		for(var i=0,l=tabs.length; i < l; i++){
			//var tab = new Tab(name + '' + i, (i==0));
			var tab = new Tab(name + '' + i, (i==index));
			menu.appendTab(tab);
			this.observeExFunc(tabs[i], i);
		}
		menu.setTab();

		var $this = this;
		document.observe('dom:loaded', function () {
			$this.topImgCatalog = new TopImgCatalog();
			$this.eventLocation = new EventLocation();
			$this.onTabChange(tabs[index], index);
		});
	},
	onTabChange : function(tab, index) {
		setCookie("TOPPAGE_TAB_INDEX", index.toString());
		switch(index) {
			case 0:
				this.topImgCatalog.activate(true);
				this.eventLocation.activate(false);
				break;
			case 1:
				this.topImgCatalog.activate(false);
				this.eventLocation.activate(true);
				break;
		}

	},
	observeExFunc : function(t, i) {
		$this = this;
		t.observe('mousedown', function() {
			$this.onTabChange(t, i);
		});
	}
}