$(document).ready(function(){
	// プルダウンメニュー
	var checkChar = $('<ins>M</ins>').css({
		display: 'block',
		visibility: 'hidden'
	});
	checkChar.appendTo('body');
	var charHeight = 0;
	$('#categoryMenuContainer .categoryMenuBg').css('opacity','0.94');
	$('#categoryMenuContainer .categoryBg').css('opacity','0');
	$('#categoryMenuContainer ul.categoryMenu > li').hover(function(){
		menuOver($(this));
	},function(){
		menuOut($(this));
	});
	$('#categoryMenuContainer ul.categorySubMenu > li').hover(function(){
		menuOver($(this));
	},function(){
		menuOut($(this));
	});
	/*$('#categoryMenuContainer ul.categorySubMenu li a').hover(function(){
		$(this).css('color','#990000');
	}, function(){
		$(this).css('color','#000000');
	});*/

	$('#categoryMenuContainer ul.categoryMenu li').click(function(){
		if ($('#categoryMenuContainer .categoryMenuBg').css('display')== 'none') {
			menuOn();
			return false;
		}
	});
	$('#categoryMenuContainer').hover(function(){},function(){
		menuOff();
	});
	$('#categoryMenuContainer .categoryMenuBg').css('visibility','visible').hide();
	$('#categoryMenuContainer .categoryMenuFrame').css('visibility','visible').hide();

	// 全カテゴリーメニュー表示／非表示
	function menuOn() {
		if(charHeight != $(checkChar).height()){
			$('#categoryMenuContainer .categoryMenuFrame').css('visibility','hidden').show();
			$('#categoryMenuContainer .categoryMenuBg').height($('#categoryMenuContainer ul.categorySubMenu').height());
			$('#categoryMenuContainer .categoryBg').height($('#categoryMenuContainer ul.categorySubMenu').height());
			$('#categoryMenuContainer .categoryMenuFrame').css('visibility','visible').hide();
			charHeight = $(checkChar).height();
		}
		$('#categoryMenuContainer .categoryMenuBg').slideDown('fast');
		$('#categoryMenuContainer .categoryMenuFrame').slideDown('fast');
	}
	function menuOff() {
		$('#categoryMenuContainer .categoryMenuBg').hide();
		$('#categoryMenuContainer .categoryMenuFrame').hide();
	}

	// 各カテゴリーロールオーバー／ロールアウト	
	function menuOver(menuObj) {
		$('#categoryMenuContainer ul.categoryMenu li.'+$(menuObj).attr('class')).children('a').addClass('current');
		$('#categoryMenuContainer .categoryBg.'+$(menuObj).attr('class')).css('opacity','0.1');
		$('#categoryMenuContainer ul.categorySubMenu li.'+$(menuObj).attr('class')+' a:link').css('color','#000000');
	}
	function menuOut(menuObj) {
		$('#categoryMenuContainer ul.categoryMenu li.'+$(menuObj).attr('class')).children('a').removeClass('current');
		$('#categoryMenuContainer .categoryBg.'+$(menuObj).attr('class')).css('opacity','0');
		$('#categoryMenuContainer ul.categorySubMenu li.'+$(menuObj).attr('class')+' a:link').css('color','#555555');
	}


	// キャンペーン
	var campaignNavi = $('#topCampaign .naviContainer li');
	var campaignLength = campaignNavi.length;
	var campaignVisual = $('#topCampaign .mainVisual a');
	var campaignText = $('#topCampaign .naviContainer .text');
	var currentView = 0;
	var naviFrame = document.createElement('div');
	var notCurrent = document.createElement('div');
	var visualChangeTime = 4000;
	var hoverNavi = -1;
	campaignNavi.children('img').hide();
	$(naviFrame).addClass('naviFrame');
	$(notCurrent).addClass('notCurrent');
	$(naviFrame).appendTo(campaignNavi.children('a')).css('opacity','0.1');
	$(notCurrent).appendTo(campaignNavi.children('a')).css('opacity','0.5');
	$(campaignVisual[0]).fadeIn('fast');
	$(campaignText[0]).fadeIn('fast');
	$(campaignNavi[0]).children('img').show();
	$(campaignNavi[0]).find('.notCurrent').hide();
	/*campaignNavi.each(function(index,thisDom){
		$(thisDom).children('a').click(function(){
			viewCampaignImage(index);
		}).hover(function(){
			$(campaignNavi[index]).find('.notCurrent').hide();
			hoverNavi = index;
		},function(){
			if( currentView != index ) $(campaignNavi[index]).find('.notCurrent').show();
			hoverNavi = -1;
		});
	});*/
	campaignNavi.each(function(index,thisDom){
		$(thisDom).children('a').hover(function(){
			viewCampaignImage(index);
		},function(){
			if( currentView != index ) $(campaignNavi[index]).find('.notCurrent').show();
			hoverNavi = -1;
		});
	});
	var campaignTimer = setTimeout(nextCampaignImage, visualChangeTime);
	
	function viewCampaignImage(campaignNo) {
		clearTimeout(campaignTimer);
		$(campaignVisual[currentView]).hide();
		$(campaignText[currentView]).hide();
			$(campaignVisual[campaignNo]).show();
			$(campaignText[campaignNo]).show();
			$(campaignNavi[currentView]).children('img').hide();
			$(campaignNavi[campaignNo]).children('img').show();
			if(hoverNavi != currentView) $(campaignNavi[currentView]).find('.notCurrent').show();
			$(campaignNavi[campaignNo]).find('.notCurrent').hide();
			currentView = campaignNo;
			campaignTimer = setTimeout(nextCampaignImage, visualChangeTime);
	}
	function nextCampaignImage() {
		if(currentView+1 >= campaignLength) viewCampaignImage(0);
		else viewCampaignImage(currentView+1);
	}
	
	
	// 枠線
	$('img.border').each(function(index, imgObj){
		var imageBorder = document.createElement('div');
		var borderWidth = $(imgObj).width();
		var borderHeight = $(imgObj).height();
		if($.support.boxModel) {
			borderWidth -= 2;
			borderHeight -= 2;
		}
		$(imgObj).parent().css('position', 'relative').css('display', 'block');
		$(imageBorder).appendTo($(imgObj).parent()).css('width', borderWidth+'px').css('height', borderHeight+'px').css('border', '1px solid #000000').css('position', 'absolute').css('left','0').css('top','0').css('opacity','0.1');
	});
});