var ua = window.navigator.userAgent;
var isSp = ((ua.indexOf("AppleWebKit") != -1 && ua.indexOf("Mobile") != -1) || (ua.indexOf("Android") != -1) );

function subSelect(visualList,trigger,subMenuList){
	for(var i=0; i<$(subMenuList).length; i++){
		$(subMenuList[i]).find('img').attr('src', $(subMenuList[i]).find('img').attr('src').replace(/^(.+)_on(\.[a-z]+)$/, '$1$2'));
	}
	$(trigger).find('img').attr('src', $(trigger).find('img').attr('src').replace(/^(.+)(\.[a-z]+)$/, '$1_on$2'));
		
	$(visualList).hide();

	$(trigger).next().stop(false, true).fadeIn(500);
}


function subSelectRun(subObj){
	var subMenuList = $(subObj).find('.sub-anchor'),
	visualList = $(subObj).find('p.visual');

	$(visualList[0]).show();
	
	$(subMenuList).focus(function(){
		subSelect(visualList,this,subMenuList);
	});
	
	$(subMenuList).hover(function(){
		subSelect(visualList,this,subMenuList);
	});
	
	if(isSp){
		$(subMenuList).click(function(){
			subSelect(visualList,this,subMenuList);
			return false;
		});
	}
}

function categorySelect(obj,trigger,mainMenuList){
	var defaultItem = $(obj).find('.main-item-default'), 
	categories = $(obj).find('.main-item');
	
	for(var i=0; i<$(mainMenuList).length; i++){
		$(mainMenuList[i]).find('img').attr('src', $(mainMenuList[i]).find('img').attr('src').replace(/^(.+)_on(\.[a-z]+)$/, '$1$2'));
	}
	$(trigger).find('img').attr('src', $(trigger).find('img').attr('src').replace(/^(.+)(\.[a-z]+)$/, '$1_on$2'));
	
	$(defaultItem).hide();	
	$(categories).hide();
	$(trigger).next().stop(false, true).fadeIn(500);
	
	if($(trigger).next().find('.sub-menu-01').size() != 0){
		subSelectRun($(trigger).next().find('.sub-menu-01'));
	}
}

$(function(){
	$('.mainvisual').each(function(){
		var obj = $(this),
		mainMenuList = $(obj).find('.category-anchor'),
		subMenuFirst = $(obj).find('.sub-anchor:first');
		
		$(subMenuFirst).find('img').attr('src', $(subMenuFirst).find('img').attr('src').replace(/^(.+)(\.[a-z]+)$/, '$1_on$2'));
		
		$(mainMenuList).focus(function(){
			categorySelect(obj,this,mainMenuList);
		});
		
		$(mainMenuList).hover(function(){
			categorySelect(obj,this,mainMenuList);
		});
		
		$(mainMenuList).click(function(){
			if(isSp){
				categorySelect(obj,this,mainMenuList);
			}
			return false;
		});
	});
});