//var path="http://localhost/wordpress/wp-content/themes/meijiza/";
var path="http://www.meijiza.co.jp/wordpress/wp-content/themes/meijiza/";
//var path="http://stg.meijiza.co.jp/wordpress/wp-content/themes/meijiza/";
var meijiza = meijiza || {};

meijiza = {
	clickTabSweets : function() {
		$('#variety').addClass('dn');
		$('#goods').addClass('dn');
		$('#food').addClass('dn');
		$('#sweets').removeClass('dn');
	},

	clickTabFood : function() {
		$('#sweets').addClass('dn');
		$('#variety').addClass('dn');
		$('#goods').addClass('dn');
		$('#food').removeClass('dn');
	},

	clickTabGoods : function() {
		$('#food').addClass('dn');
		$('#sweets').addClass('dn');
		$('#variety').addClass('dn');
		$('#goods').removeClass('dn');
	},

	clickTabVariety : function() {
		$('#goods').addClass('dn');
		$('#food').addClass('dn');
		$('#sweets').addClass('dn');
		$('#variety').removeClass('dn');
	},

	dispTab : function() {
		//初期表示
		$('#food').addClass('dn');
		$('#goods').addClass('dn');
		$('#variety').addClass('dn');
	},

	clickBack : function(){
		history.back();
		return false;
	},

	clickMouseOut : function() {
		var $search = $('#jsiClickSearch');
		$search.removeClass('btnSearchH');
		$search.addClass('btnSearch');
	},

	clickMouseOver : function() {
		var $search = $('#jsiClickSearch');
		$search.removeClass('btnSearch');
		$search.addClass('btnSearchH');
	},

	onblur : function() {
		var str = $(this).attr('value');

		$(this).removeClass('fgGray');
		$(this).addClass('fgBlack');
		if(str === ''){
			$(this).attr({
				value: '検索キーワード'
			});
			$(this).addClass('fgGray');
			$(this).removeClass('fgBlack');
		}
	},

	onfocus : function() {
		var str = $(this).attr('value');

		$(this).removeClass('fgGray');
		$(this).addClass('fgBlack');
		if(str === '検索キーワード'){
			$(this).attr({
				value: ''
			});
		}
	},

	dispMainVisualArea : function(disp,max) {
		var mainImgId = [],
			subBtn = [],
			idNum = 1,
			bgColor = [];

		for(var i=0; i < max ; i++){
			mainImgId[i] = $('#jsiMainImg'+idNum);
			subBtn[i] = $('#jsiMainImgBtn'+idNum);
			idNum+=1;
		}

		//背景色の制御
		bgColor = $('#jsiMainBg').data('bgc');
		for(var x=0; x < max-1; x++){
			$('#jsiMainBg').toggleClass(bgColor[x],bgColor[x] === bgColor[disp]);
		}

		mainImgId[disp].animate({
			'opacity':'1'
		}, 500).removeClass('dn');
		subBtn[disp].children().addClass('btnMainImgSelected');
		subBtn[disp].children().removeClass('btnMainImg');

		for(var j=0; j < max ; j++){
			if(j !== disp){
				mainImgId[j].animate({
					'opacity':'0'
				}, 0).addClass('dn');
				subBtn[j].children().removeClass('btnMainImgSelected');
				subBtn[j].children().addClass('btnMainImg');
			}
		}
	},

	flagSetMainVisualArea : function() {
		var imgChangeSpeed = 4000,//画像の切り替え時間(1000=1s)
			imgLength = 5;//行数を代入する[edit]

		//IE6 Measures
		var tmp = tmp+1;

		return {
			clickSideBtn : function() {
				var i,
					j,
					id,
					num,
					max = imgLength - 1,
					name = '';

				id = $(this).attr("id");
				num = id.length;
				name = id.split('jsiMainImgBtn');
				//i = parseInt(name[1]);
				i = name[1];


				if(i === 1){
					$('#jsiMainImg').data('flag', max);
				}else{
					$('#jsiMainImg').data('flag', i-1);
				}
				meijiza.dispMainVisualArea(i-1, imgLength);
			},

			loadImg : function(){
				var i;

				setInterval(function(){
					if($('#jsiMainImg').data('flag') === undefined){
						i = 0;
					}else{
						i = $('#jsiMainImg').data('flag');
					}
					if(i >= imgLength-1){
						$('#jsiMainImg').data('flag',0);
						i = $('#jsiMainImg').data('flag');
					}

					meijiza.dispMainVisualArea(i,imgLength);
					$('#jsiMainImg').data('flag',i+=1);
				}, imgChangeSpeed);
			}
		};
	},

	storingInitMainVisualArea : function() {
		$.get(path + "list/mainpic.csv",function(data){
			var scores = data.split(','),
				spa = data.split('\n'),
				htmlMain = '',
				htmlSub = '',
				mainBg = [],
				tmp;
			var jsiMainBg;

			for( var i=1; i < spa.length; i++) {
				tmp = spa[i].split(',');
				mainBg[i-1] = tmp[5];
				if ( i === 1){
					htmlMain += '<li class="" id="jsiMainImg1"><a href="' + tmp[0] + '" title="' + tmp[2] + '"><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" class="pr" /></a></li>';
					htmlSub += '<li id="jsiMainImgBtn1"><a class="mS btnMainImgSelected ol db">(' + i + ')</a></li>';
				}else{
					htmlMain += '<li class="dn" id="jsiMainImg' + i +'"><a href="' + tmp[0] + '" title="' + tmp[2] + '"><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" class="pr" /></a></li>';
					htmlSub += '<li class="" id="jsiMainImgBtn' + i + '"><a class="mS btnMainImg ol db jscPng">(' + i + ')</a></li>';
				}
			}
			$('#jsiMainBg').removeClass('jscBgDef');
			$('#jsiMainBg').addClass(mainBg[0]);
			$('#jsiMainImg').html(htmlMain);
			$('#jsiMainBtn').html(htmlSub);
			for(var j=1; j < spa.length; j++){
				$('#jsiMainImgBtn'+j+' a').addClass('jscPng');
			}
			if( spa.length <= 2){
				$('#jsiMainBtn').addClass('dn');
			}else{
				meijiza.flagSetMainVisualArea().loadImg();
				$('#jsiMainBg').data('bgc',mainBg);
			}
		});
	},

	dispSubVisualArea : function() {
		var imgChangeSpeed = 3500,
			imgLength = 4,//行数-1を代入[edit]
			bnrNum = 4, //バナーを表示する数
			bnrList = $('#jsiSubBnrList'),
			newStr = $('#jsiSubStr');

			//IE6 Measures
			var tmp = tmp+1;

		return {
			clickBnrPrev : function() {
				var a,
					j,
					spa;
					spa = newStr.data('newSpaSub');

				a = spa[0];
				for(j=0; j < imgLength-1; j++){
					spa[j] = spa[j+1];
				}
				spa[imgLength-1] = a;
				newStr.data('newSpaSub',spa);
				meijiza.dispSubVisualArea().dispImg();
			},

			clickBnrNext : function() {
				var a,
					j,
					spa;
					spa = newStr.data('newSpaSub');

				for(j=imgLength; j > 0; j--){
					spa[j] = spa[j-1];
				}
				spa[0] = spa[imgLength];
				newStr.data('newSpaSub',spa);
				spa = newStr.data('newSpaSub');
				meijiza.dispSubVisualArea().dispImg();
			},

			dispImg : function(){
				var j,
					spa,
					tmp,
					url = [],
					src = [],
					alt = [],
					ttlsrc = [],
					ttlalt = [],
					start = [],
					end = [],
					html = '';

				spa = newStr.data('newSpaSub');

				for(j=0; j < bnrNum; j++){
					tmp = spa[j].split(',');
					url[j] = tmp[0];
					src[j] = tmp[1];
					alt[j] = tmp[2];
					ttlsrc[j] = tmp[3];
					ttlalt[j] = tmp[4];
					//start[j] = tmp[5];
					//end[j] = tmp[6];
				}

				bnrList.addClass('dn');
				for(j=0; j < bnrNum; j++){
					html += '<li id="jsiSubPic' + j +'"><a href="' + url[j] + '" title="' + alt[j] + '">';
					html += '<span><img src="' + path + src[j] + '" alt="' + alt[j] + '" /></span>';
					html += '<span><img src="' + path + ttlsrc[j] + '" alt="' + ttlalt[j] + '" /></span>';
					html += '</a></li>';
				}
				bnrList.removeClass('dn');
				bnrList.html(html).removeClass('dn');
			},

			changeBnr : function() {
				setInterval(function(){
					meijiza.dispSubVisualArea().dispImg();
					meijiza.dispSubVisualArea().clickBnrPrev();
				}, imgChangeSpeed);
			}
		};
	},

	storingInitSubVisualArea : function(){
		$.get(path + "list/subpic.csv",function(data){
			var spa = data.split('\n'),
			htmlSub = '',
			tmp,
			flag = 6; //表示するバナー+1を代入

			if(flag < spa.length){
				$('#jsiPrevSubImg').show();
			}else{
				$('#jsiPrevSubImg').hide();
			}
			for( var i=1; i < spa.length; i++) {
				tmp = spa[i].split(',');
				if ( i < flag ){
					htmlSub  += '<li id="jsiSubPic' + i +'"><a href="' + tmp[0] + '" title="' + tmp[2] + '">';
					htmlSub  += '<span><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" /></span>';
					htmlSub  += '<span><img src="' + path + tmp[3] + '" alt="' + tmp[4] + '" /></span>';
					htmlSub  += '</a></li>';
				}
				//else{
				//	htmlSub  += '<li class="dn" id="jsiFooterPic' + i +'">';
				//	htmlSub  += '<a href="' + tmp[0] + '" title="' + tmp[2] + '"><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" /></a>';
				//	htmlSub  += '<a href="' + tmp[0] + '" title="' + tmp[4] + '"><img src="' + path + tmp[3] + '" alt="' + tmp[4] + '" /></a>';
				//	htmlSub  += '</li>';
				//}
			}
			if(flag < spa.length){
				$('#jsiNextSubImg').show();
			}else{
				$('#jsiNextSubImg').hide();
			}
			$('#jsiSubBnrList').html(htmlSub);
			if(flag < spa.length){
				spa[0] = spa[1];
				for(var j=1; j < spa.length-1; j++){
					spa[j] = spa[j+1];
				}
				$('#jsiSubStr').data('newSpaSub',spa);
				//meijiza.dispSubVisualArea().changeBnr();
			}
		});
	},

	dispFooterVisualArea : function() {
		var imgChangeSpeed = 5000,
			imgLength = 7,//行数-1を代入[edit]
			bnrNum = 5, //表示するバナーの数を代入
			bnrList = $('#jsiFooterBnrList'),
			newStr = $('#jsiFooterStr');

		//IE6 Measures
		var tmp = tmp+1;

		return {
			clickBnrPrev : function() {
				var a,
					j,
					spa;

				spa = newStr.data('newSpaFooter');
				a = spa[0];
				for(j=0; j < imgLength-1; j++){
					spa[j] = spa[j+1];
				}
				spa[imgLength-1] = a;
				newStr.data('newSpaFooter',spa);
				meijiza.dispFooterVisualArea().dispImg();
			},

			clickBnrNext : function() {
				var a,
					j,
					spa;

				spa = newStr.data('newSpaFooter');
				for(j=imgLength; j > 0; j--){
					spa[j] = spa[j-1];
				}
				spa[0] = spa[imgLength];
				newStr.data('newSpaFooter',spa);
				spa = newStr.data('newSpaFooter');
				meijiza.dispFooterVisualArea().dispImg();
			},

			dispImg :function(){
				var j,
					spa,
					tmp,
					target = [],
					url = [],
					src = [],
					alt = [],
					start = [],
					end = [],
					htmlFooter = '';

					spa = newStr.data('newSpaFooter');
					for(j=0; j < bnrNum; j++){
						tmp = spa[j].split(',');
						url[j] = tmp[0];
						src[j] = tmp[1];
						alt[j] = tmp[2];
						//start[j] = tmp[3];
						//end[j] = tmp[4];
						target[j] = tmp[5];

					}

					bnrList.addClass('dn');
					for(j=0; j < bnrNum; j++) {
						if(target[j] === "blank"){
							htmlFooter  += '<li id="jsiFooterPic' + j +'"><a href="' + url[j] + '" title="' + alt[j] + '" class="jscBlank"><img src="' + path + src[j] + '" alt="' + alt[j] + '" /></a></li>';
						}else{
							htmlFooter += '<li id="jsiFooterPic' + j +'"><a href="' + url[j] + '" title="' + alt[j] + '"><img src="' + path + src[j] + '" alt="' + alt[j] + '" /></a></li>';
						}
					}
					bnrList.removeClass('dn');
					bnrList.html(htmlFooter);
				},

				changeBnr : function() {
					setInterval(function(){
						meijiza.dispFooterVisualArea().dispImg();
						meijiza.dispFooterVisualArea().clickBnrPrev();
				}, imgChangeSpeed);
			}
		};
	},

	storingInitFooterVisualArea : function(){
		$.get(path + "list/footerpic.csv",function(data){
			var spa = data.split('\n'),
				htmlFooter = '',
				tmp,
				flag = 6; //表示するバナーの数+1を代入

			if(flag < spa.length){
				$('#jsiPrevFooterImg').show();
			}else{
				$('#jsiPrevFooterImg').hide();
			}
			for( var i=1; i < spa.length; i++) {
				tmp = spa[i].split(',');
				if ( i < flag ){
					if(tmp[5] === "blank"){
						htmlFooter  += '<li id="jsiFooterPic' + i +'"><a href="' + tmp[0] + '" title="' + tmp[2] + '" class="jscBlank"><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" /></a></li>';
					}else{
						htmlFooter  += '<li id="jsiFooterPic' + i +'"><a href="' + tmp[0] + '" title="' + tmp[2] + '"><img src="' + path + tmp[1] + '" alt="' + tmp[2] + '" /></a></li>';
					}
				}
			}
			if(flag < spa.length){
				$('#jsiNextFooterImg').show();
			}else{
				$('#jsiNextFooterImg').hide();
			}

			$('#jsiFooterBnrList').html(htmlFooter);
			if(flag < spa.length){
				spa[0] = spa[1];
				for(var j=1; j < spa.length-1; j++){
					spa[j] = spa[j+1];
				}
				$('#jsiFooterStr').data('newSpaFooter',spa);
				//meijiza.dispFooterVisualArea().changeBnr();
			}
		});
	},

	setCurrentMark: function() {
		var $anchor = $('#jsiSubNav').find('li').find('a'),
			href = location.href,
			cClass = 'current',
			arr = [],
			cHref, thisHref, $this,$list, reg, match;

		if (href.match('#')) {
			cHref = href.substr(0, location.href.lastIndexOf('#'));
		} else {
			cHref = href;
		}

		$anchor.each(function() {
			$this = $(this);
			thisHref = $this.prop('href');
			$list = $this.parent();
			reg = new RegExp(thisHref);
			match = String(cHref.match(reg));

			if (thisHref === match) {
				arr.push($list);
			} else {
				$list.removeClass(cClass);
			}

		});

		arr[(arr.length - 1)].addClass(cClass);
	},

	smoothScroll: function(pos) {
		$('html, body').animate({
			scrollTop: pos
		}, 300);
	},

	scrollToArea: function() {
		var $target = $(e.target),
			top = $('#' + $target.prop('title')).offset().top;

		meijiza.smoothScroll(top);
	},

	externalLink: function(that) {
		window.open($(that).prop('href'));
	}
};


 $(function(){
	 //検索フォーム
	var $search = $('#jsiClickSearch');
	var $searchText = $('#jsiSearchText');

	$search.mouseout(meijiza.clickMouseOut);
	$search.mouseover(meijiza.clickMouseOver);
	$searchText.blur(meijiza.onblur);
	$searchText.focus(meijiza.onfocus);

	meijiza.dispTab();
	$('#jsiTabMenuFoodInSweets').click(function() {
		meijiza.clickTabFood();
	});
	$('#jsiTabMenuGoodsInSweets').click(function() {
		meijiza.clickTabGoods();
	});
	$('#jsiTabMenuVarietyInSweets').click(function() {
		meijiza.clickTabVariety();
	});

	$('#jsiTabMenuSweetsInFood').click(function() {
		meijiza.clickTabSweets();
	});
	$('#jsiTabMenuGoodsInFood').click(function() {
		meijiza.clickTabGoods();
	});
	$('#jsiTabMenuVarietyInFood').click(function() {
		meijiza.clickTabVariety();
	});

	$('#jsiTabMenuSweetsInGoods').click(function() {
		meijiza.clickTabSweets();
	});
	$('#jsiTabMenuFoodInGoods').click(function() {
		meijiza.clickTabFood();
	});
	$('#jsiTabMenuVarietyInGoods').click(function() {
		meijiza.clickTabVariety();
	});

	$('#jsiTabMenuSweetsInVariety').click(function() {
		meijiza.clickTabSweets();
	});
	$('#jsiTabMenuFoodInVariety').click(function() {
		meijiza.clickTabFood();
	});
	$('#jsiTabMenuGoodsInVariety').click(function() {
		meijiza.clickTabGoods();
	});

	$('#jsiHistoryBack').live("click",function(){history.back(); return false;});

	//hover
	$('#jsimenuList li').hover(function(){$(this).css("border","1px solid #696969");},function(){$(this).css("border","1px solid #CCCCCC");});

	//あらかじめHTMLに書いていないタグには効かないらしい
	//$('#jsiSubBnrList li').hover(function(){$(this).css("border","1px solid #ff0000");},function(){$(this).css("border","1px solid #643939");});
	//$('#jsiFooterBnrList li').hover(function(){$(this).css("border","1px solid #ff0000");},function(){$(this).css("border","1px solid #643939");});

	//arrow button
	$('#jsiPrevSubImg').hover(function(){$(this).css("border","1px solid #696969");},function(){$(this).css("border","1px solid #CCCCCC");});
	$('#jsiNextSubImg').hover(function(){$(this).css("border","1px solid #696969");},function(){$(this).css("border","1px solid #CCCCCC");});
	$('#jsiPrevFooterImg').hover(function(){$(this).css("border","1px solid #696969");},function(){$(this).css("border","1px solid #CCCCCC");});
	$('#jsiNextFooterImg').hover(function(){$(this).css("border","1px solid #696969");},function(){$(this).css("border","1px solid #CCCCCC");});

	//MainVisualArea
	$("#jsiMainBtn li").live("click", meijiza.flagSetMainVisualArea().clickSideBtn);

	//SubVisualArea
	meijiza.storingInitSubVisualArea();
	$("#jsiPrevSubImg").live("click", function(){
		meijiza.dispSubVisualArea().clickBnrPrev();
	});
	$("#jsiNextSubImg").live("click", function(){
		meijiza.dispSubVisualArea().clickBnrNext();
	});

	//FooterVisualArea
	meijiza.storingInitFooterVisualArea();
	$("#jsiPrevFooterImg").live("click", function(){
		meijiza.dispFooterVisualArea().clickBnrPrev();
	});
	$("#jsiNextFooterImg").live("click", function(){
		meijiza.dispFooterVisualArea().clickBnrNext();
	});

	//smoothScroll
	$('.jscPageTop').click(function(e) {
		meijiza.smoothScroll(0);
		e.preventDefault();
	});

	//scrollToArea
	$('#jsiAreaList').find('a').click(function(e) {
		meijiza.scrollToArea(e);
		e.preventDefault();
	});

	//externalLink
	$('.jscBlank').live('click', function(e) {
		meijiza.externalLink(this);
		e.preventDefault();
	});

});