// JavaScript Document

/* jQuery cart */
/*
// define
var COOKIE_NAME = 'atoms_cookie';

//　'test'をcookieに保存
$.cookie(COOKIE_NAME, 'test',);

// cookieから読み込み
var data = $.cookie(COOKIE_NAME);

// cookieを削除
$.cookie('the_cookie', '', { expires: -1 }); 

// cookieを空にする
$.cookie( COOKIE_NAME, null );

// パス(/)や有効期限(3日)を指定する
var date = new Date();
date.setTime(date.getTime() + ( 1000 * 60 * 60 * 24 * 3 ));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });

*/
// define
var COOKIE_NAME = 'beautybride_cookie';
// クッキーを読み込む
var cookieData = $.cookie(COOKIE_NAME);

// que hash
var dataStock = [];

var contactform = false;

$(function(){
	// クッキーにデータが在る場合
	if(cookieData != null){
		if(cookieData != ""){
			readFav();
		}
	}
});

function addFav(_id, _dressid, _shopname, _dressimg, _permalink){
	var id = _id;
	var data = {'id':_id, 'dressid':_dressid, 'shopname':_shopname, 'dressimg':_dressimg, 'permalink':_permalink};
	pushCart(id, data, 0);
}

function delFav(_id){
	var id = _id;
	var data = null;
	pushCart(id, data, 1);
}

function pushCart(_entryId, _data, _delFlag){
	if(!_delFlag){
		// Add cookie
		if(cookieData != null){
			// cookie data is not empty.
			var ndataStockLength = dataStock.length;
			var nTargetEntryId = null;
			for(var i = 0; i < ndataStockLength; i++){
				// csvデータ内に該当のデータがあるか検証
				if(dataStock[i].id == _entryId){
					nTargetEntryId = _entryId;
				}
			}
			var csvdata = cookieData + ",";
		}else {
			var csvdata = "";
		}
		if(nTargetEntryId == null){
			csvdata += _data.id + ";" + _data.dressid + ";" + _data.shopname + ";" + _data.dressimg + ";" + _data.permalink;
			$.cookie(COOKIE_NAME, csvdata, { path:'/', expires: 7 });

			$("#fav-info").html("問い合わせリストへ追加いたしました。");
			$("#fav-info").slideDown("fast",function(){var timerID = setTimeout(function(){$("#fav-info").slideUp(); clearTimeout(timerID); timerID = null;}, 2000);});
			
		}else{
			$("#fav-info").html("<span style='color:#990000;'>すでに問い合わせリストに追加されています。</span>");
			$("#fav-info").slideDown("fast",function(){var timerID = setTimeout(function(){$("#fav-info").slideUp(); clearTimeout(timerID); timerID = null;}, 2000);});
		}
	}else{
		// Del cookie
		var csvdata = null;
		var ndataStockLength = dataStock.length;
		var nTargetEntryId = null;
		for(var i = 0; i < ndataStockLength; i++){
			// csvデータ内に該当のデータがあるか検証
			if(dataStock[i].id == _entryId){

				nTargetEntryId = _entryId;
				// 削除の場合

				if(ndataStockLength >1){

					var aTemp = dataStock.slice(0,i);
					var dataObj = aTemp.concat(dataStock.slice(i+1));
					var dataObjLength = dataObj.length;
					csvdata = "";
					for(var j = 0; j < dataObjLength; j++){
						if(j != 0){
							csvdata += ",";
						}
						csvdata += dataObj[j].id + ";" + dataObj[j].dressid + ";" + dataObj[j].shopname + ";" + dataObj[j].dressimg + ";" + dataObj[j].permalink;
					}
				}else{
					csvdata = null;
				}
			}
		}
		
		if(nTargetEntryId == null){
			$("#fav-info").html("<span style='color:#990000;'>登録されていない可能性があります。</span>");
			$("#fav-info").slideDown("fast",function(){var timerID = setTimeout(function(){$("#fav-info").slideUp(); clearTimeout(timerID); timerID = null;}, 2000);});
		}else{
			$.cookie(COOKIE_NAME, csvdata, { path:'/', expires: 7 });
			$("#fav-info").html("正常に削除されました。");
			$("#fav-info").slideDown("fast",function(){var timerID = setTimeout(function(){$("#fav-info").slideUp(); clearTimeout(timerID); timerID = null;}, 2000);});
		}
	}
	$("#temp").html("");
	readFav();
}

function readFav(){
	// クッキーを再度読み込み
	cookieData = $.cookie(COOKIE_NAME);
//	alert("クッキーデータ確認"+cookieData);
	// csvデータを配列へ
	var aSplitData = cookieData.split(",");
	var nSplitDataLength = aSplitData.length -1;
	var shtml ="";
	for(var i = nSplitDataLength; i >= 0 ; i--){
		dataStock[i] = {};
		dataStock[i]["id"] = aSplitData[i].split(";")[0];
		dataStock[i]["dressid"] = aSplitData[i].split(";")[1];
		dataStock[i]["shopname"] = aSplitData[i].split(";")[2];
		dataStock[i]["dressimg"] = aSplitData[i].split(";")[3];
		dataStock[i]["permalink"] = aSplitData[i].split(";")[4];
		if(contactform){
			shtml +='<div class="favoritelist clearfix"><div class="fav-img"><a href="'+dataStock[i]["permalink"]+'" target="_blank" title="別ウィンドウで開きます"><img src="'+dataStock[i]["dressimg"]+'" alt="お気に入りドレス" /></a></div><div class="fav-name"><p>'+dataStock[i]["shopname"]+'<br />'+dataStock[i]["dressid"]+'</p><label for="id'+dataStock[i]["id"]+'" class="label"><input type="checkbox" name="fav[]" value="'+dataStock[i]["shopname"]+'|'+dataStock[i]["dressid"]+'|'+dataStock[i]["dressimg"]+'|'+dataStock[i]["permalink"]+'" id="id'+dataStock[i]["id"]+'" /> このドレスを問い合わせる</label></div></div>';
		}else{
			shtml += '<div class="favoritelist clearfix"><div class="fav-img"><a href="'+dataStock[i]["permalink"]+'"><img src="'+dataStock[i]["dressimg"]+'" alt="お気に入りドレス" /></a></div><div class="fav-name"><p>'+dataStock[i]["shopname"]+'<br />'+dataStock[i]["dressid"]+'</p><a href="javascript:void(0)" onclick="delFav(\''+dataStock[i]["id"]+'\')">削除</a></div></div>';
		}
	}
	$("#temp").html(shtml);
}