(function(){

var duration=250;

// サブメニューがない場合はこちら↓
// bodyのid値 : onにさせるlistのid値
var on = {
	sale:'#toggleMenuSale',
	original:'#toggleMenuOriginal',
	infantgoods:'#toggleMenuInfantgoods',
	bedding:'#toggleMenuBedding'
};

// サブメニューがある場合はこちら↓
// bodyのid値 : 開かせるlistのid値
var list = {
	outer:'#toggleMenuOuter',
	inner:'#toggleMenuInner',
	clothes:'#toggleMenuClothes',
	goods:'#toggleMenuGoods',
	toy:'#toggleMenuToy',
	maternity:'#toggleMenuMaternity'
}

var id,
	menu = '#toggleMenu',
	p = menu+' p',
	dl = menu+' dl',
	dt = menu+' dt',
	dd = menu+' dd';
	

//===========================================
// init
//===========================================

var init = function(){
	var key;
	id = $('body').attr('id');
	p = $(p);
	dl = $(dl); dt = $(dt); dd = $(dd);
	menu = $(menu);
	// toggle全て閉じる
	//dd.slideToggle(0);
	
	dd.toggle(false);

	
	//イベント登録
	dt.bind('click',dtEvent);
	// ページチェック
	for(key in on){
		if(key === id) rename($(on[id]+' img'));
	};
	for(key in list){
		if(key === id){
			rename($(list[id]+' dt img'));
			$(list[id]+' dd').slideToggle(0);
		}
	}
}

//===========================================
// イベントハンドラ
//===========================================

var dtEvent = (function(){
	var click = function(t){
		rename(t.find('img'));
		t.find('+dd').stop().slideToggle(duration);
	};
	return function(t){
		if(t.type === 'click') click($(this));
	}
})();

//===========================================
// リネーム
//===========================================

var rename = (function(){
	var src;
	return function(t){
		src = t.attr('src').replace(/(_off)|(_on)/,function(s){
			if(s === '_off') return '_on';
			if(s === '_on') return '_off';
		});
		t.attr('src',src);
	}
})();

//===========================================
// ready...
//===========================================
$(init);

})();