if (!window.kikaku) kikaku = {};

/*----------------------------------------------------------
| tabbed navigation
+---------------------------------------------------------*/
if ($('k_tabnav')) (function() {

//-- event handler
kikaku.ontab = function(evt) {
	var isEvt = !evt.tagName,
		tab = (isEvt) ? evt.findElement('td') : evt,
		type = (isEvt) ? evt.type : 'first';

	$$('#k_tabnav td').each(function(t, i) { //-- set tab and group states
		var g, s;
		if (
			!t.GID || //-- no group (inactive tab)
			(t.className == 'A' && type != 'click') //-- already active
		) return; 
		g = $(t.GID);
		t.className = s = 'N'; //-- set default state
		switch(type) {
			case 'mouseover': if (t.className == 'N') s = 'O'; break;
			case 'click': if (tab.GID == t.GID) s = 'A'; break;
			case 'first': if (i == 0) s = 'A'; break;
		}
		if (tab.GID == t.GID) t.className = s; //-- set tab state
		g[(s == 'A') ? 'show' : 'hide'](); //-- set group display
	});
	if (isEvt) Event.stop(evt);
};

//-- initialize tabs & groups
var tabs = $$('#k_tabnav td'), //-- collect tabs
	grps = $$('#main div.k_tabgrp'); //-- collect groups

tabs.each(function(t, i) { //-- init tab & group
	var g = grps[i];
	if (g) {
		t.GID = g.id = 'itemgrp_' + i; //-- set ids
		setObservers(t, 'mouseover mouseout click', kikaku.ontab);
	} else  t.style.display = 'none'; //t.className = 'X'; //-- disable tab
});

//-- startup
kikaku.ontab(tabs[0]);

})();

/*----------------------------------------------------------
| initialize category navigation
+---------------------------------------------------------*/