
var previewPage = 0;

$(function(){
	
	/* ============================================================
	 左ナビ　カレント表示
	============================================================ */
	var url = window.location.pathname;
	if(url.slice(-1) == '/'){
		url = url+'index.html';
	}
	var leftnaviArray = $('#leftnavi ul a');
	var hitFlag = true;
	
	var matchFlag = false;
	while(!matchFlag){
		for(i = 0; i < leftnaviArray.length; i ++){
			if(url == $(leftnaviArray[i]).attr('href')){
				$(leftnaviArray[i]).addClass("ln_act");
				matchFlag = true;
				break;
			}else{
			}
		}
		if(url.lastIndexOf("/") == -1){
			break;
		}
		url = url.substr(0, url.lastIndexOf("/") + 1);
		url += "index.html";
		
		if(!hitFlag){
			break;
		}
		hitFlag = false;
	}
	
	/* ============================================================
	フッターサイトマップ　表示処理
	============================================================ */
	var fsFlg = 1;
	$('div#fs_contents').css('display', 'none');
	$('p#footer_btn_sitemap a')
		.click(function(event){
			if( fsFlg ){
				$('div#fs_contents').css('display', 'block');
				fsFlg = 0;
			} else{
				$('div#fs_contents').css('display', 'none');
				fsFlg = 1;
			}
		})
	
	
	/* ============================================================
	前のページへ戻る
	============================================================ */
	$('div#left_linkback')
		.click(function(event){
			history.back();
			return false;
		})
	$('div#linkback')
		.click(function(event){
			history.back();
			return false;
		})
	
	
	/* ============================================================
	画像リンクとテキストリンクを同期させる
	============================================================ */
	$('div.rollover_imgtext')
		.each(function(event){
			$(this).find('img.rollover_imgtext')
				.mouseover(function(event){
					$(this).css('cursor','pointer');
					var parentDiv = $(this).parents('div.rollover_imgtext');
					var childImg = $(parentDiv[0]).find('img.rollover_imgtext');
					$(childImg)
						.each(function(event){
							$(this)
								.css('opacity', '0.5')
								.css('filter', 'Alpha(opacity=50)');
						})
					var childLink = $(parentDiv[0]).find('a.rollover_imgtext');
					$(childLink[0])
						.css('text-decoration', 'none');
				})
				.mouseout(function(event){
					$(this).css('cursor','auto');
					var parentDiv = $(this).parents('div.rollover_imgtext');
					var childImg = $(parentDiv[0]).find('img.rollover_imgtext');
					$(childImg)
						.each(function(event){
							$(this)
								.css('opacity', '1')
								.css('filter', 'Alpha(opacity=100)');
						})
					var childLink = $(parentDiv[0]).find('a.rollover_imgtext');
					$(childLink[0])
						.css('text-decoration', 'underline');
				})
				.click(function(event){
					var parentDiv = $(this).parents('div.rollover_imgtext');
					var childLink = $(parentDiv[0]).find('a.rollover_imgtext');
					location = $(childLink[0]).attr('href');
				})
			$(this).find('a.rollover_imgtext')
				.mouseover(function(event){
					$(this)
						.css('text-decoration', 'none');
					var parentDiv = $(this).parents('div.rollover_imgtext');
					var childImg = $(parentDiv[0]).find('img.rollover_imgtext');
					$(childImg)
						.each(function(event){
							$(this)
								.css('opacity', '0.5')
								.css('filter', 'Alpha(opacity=50)');
						})
				})
				.mouseout(function(event){
					$(this)
						.css('text-decoration', 'underline');
					var parentDiv = $(this).parents('div.rollover_imgtext');
					var childImg = $(parentDiv[0]).find('img.rollover_imgtext');
					$(childImg)
						.each(function(event){
							$(this)
								.css('opacity', '1')
								.css('filter', 'Alpha(opacity=100)');
						})
				})
		})

	/* ============================================================
	リンクエリアを外に広げる
	============================================================ */
	var expandLink = "a.rollover_expand";
	var expandTarget = ".target_expand";
	var expandRolloverName = "rollover_expand";
	$(expandTarget).each(function(i, v) {
		$(v).click(function(e) {
			var target = $(this).find(expandLink).eq(0);
			var link = target.attr("href") || "";
			var target = target.attr("target") || "_self";
			if (link) {
				window.open(link, target);
			}
			e.preventDefault();
		});
		$(v).hover(function(e) {
			$(this).addClass(expandRolloverName);
		}, function(e) {
			$(this).removeClass(expandRolloverName);
		});
	});
});

function openwindow(src, winName, wid, hi){
	var win;
	
	if( !win || win.closed ) {
		win = window.open(src,winName,'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width='+wid+',height='+hi+'');
	}else{
		win.focus();
	}

}
function openwindow2(src, winName, wid, hi){
	var win;
	
	if( !win || win.closed ) {
		win = window.open(src,winName,'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width='+wid+',height='+hi+'');
	}else{
		win.focus();
	}
}


/* ============================================================
私のメナード（履歴機能）
============================================================ */

$(document).ready(function() {
	var domButtonMymenard = "#add-mymenard";
	var domShopName = "h1 .shop_name";
	var domShopTel = "#mymenard-tel";
	var domMyShopArea = "#my_shop";
	var domMyShopName = ".shop_name a";
	var domMyShopTel = ".shop_tel";
	var shopData = {};
	var cookieName = "mymenard";
	var cookieDomain = ".menard.co.jp";

	// cookie
/**
 * jQuery Cookie plugin
 *
 * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
jQuery.cookie=function(e,b,a){if(arguments.length>1&&(b===null||typeof b!=="object")){a=jQuery.extend({},a);if(b===null)a.expires=-1;if(typeof a.expires==="number"){var d=a.expires,c=a.expires=new Date;c.setDate(c.getDate()+d)}return document.cookie=[encodeURIComponent(e),"=",a.raw?String(b):encodeURIComponent(String(b)),a.expires?"; expires="+a.expires.toUTCString():"",a.path?"; path="+a.path:"",a.domain?"; domain="+a.domain:"",a.secure?"; secure":""].join("")}a=b||{};c=a.raw?function(f){return f}:
decodeURIComponent;return(d=RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)").exec(document.cookie))?c(d[1]):null};

	function saveCookie() {
		if (shopData.name && shopData.tel && shopData.URL) {
			var list = [];
			list.push(shopData.name);
			list.push(shopData.tel);
			list.push(shopData.URL);
			var stream = list.join("<>");
			$.cookie(cookieName, stream, { expires: 365, domain: cookieDomain, path: "/" });
		}
	}

	function loadCookie() {
		var stream = $.cookie(cookieName);
		if (stream) {
			var list = stream.split("<>");
			if (list.length == 3) {
				shopData.name = list[0];
				shopData.tel = list[1];
				shopData.URL = list[2];
			}
		}
	}

	// regist
	$(domButtonMymenard).each(function() {
		$(this).click(function(e) {
			//var shopData = {};
			shopData.name = "";
			$(domShopName).find("*").each(function() {
				shopData.name += $(this).text();
			});
			shopData.tel = $(domShopTel).eq(0).text();
			shopData.URL = location.href;
			saveCookie();
			e.preventDefault();
			e.stopPropagation();
			return false;
		});
	});

	// show
	loadCookie();
	if (shopData.name && shopData.tel && shopData.tel) {
		$(domMyShopArea).each(function() {
			$(this).css({ display: "block" });
			var shopName = $(this).find(domMyShopName);
			shopName.attr("href", shopData.URL);
			shopName.text(shopData.name);
			var shopTel = $(this).find(domMyShopTel);
			shopTel.text("TEL:" + shopData.tel);
		});
	} else {
		$(domMyShopArea).each(function() {
			var $emptyMessage = $(
				'<p class="index_rbox_my_message">お気に入りのお店を「わたしのメナード」としてご登録いただけます。</p>'
				+ '<p class="index_rbox_my_shop"><a href="/shop/index.html">店舗を検索する</a></p>'
				+ '<p class="index_rbox_my_info"><a href="/help/index.html" target="_blank">わたしのメナードとは</a></p>'
			);
			var $block = $('.index_rbox_my_block', this);
			if( $block.length != 0 ) {
				$block.empty().append($emptyMessage);
			} else {
				$('p', this).remove();
				$('h2', this).after($emptyMessage);
			}
			$(this).css({ display: "block" });
		});
	}
});


