// jQuery Plugin

if(!ist) { var ist = []; }

/* -----------------------------------------------------------------------------------------------------------------------
contentSegment Loading
----------------------------------------------------------------------------------------------------------------------- */

document.write('<style type="text/css">#contentSegment { visibility: hidden; }<\/style>');
document.write('<div id="loading"><img src="/images/loading02.gif" width="50" height="50" /><\/div>');	

var i = 0;
var ele = document.getElementById("loading");
var str = ele.firstChild.data;

function char_loop(ele, str) {
	ele.innerHTML = str.substring(0, i++ % str.length + 1);
}

window.onload = function() {
	ele.style.display = "none";
	document.getElementById("contentSegment").style.visibility = "visible";
}

/* -----------------------------------------------------------------------------------------------------------------------
NAVI
----------------------------------------------------------------------------------------------------------------------- */
function submitForm() 
{
	$("form").submit();
}

/* -----------------------------------------------------------------------------------------------------------------------
NAVI
----------------------------------------------------------------------------------------------------------------------- */
$(function() {
  $("#nav").droppy({speed: 250});
});

/*------------------------------------------------------------------------------------------------------------------------
SCROLL BAR
-------------------------------------------------------------------------------------------------------------------------*/
ist.scrollSettings = {
	scrollbarWidth : 15,
	scrollbarMargin : 8,
	animateTo : true,
	animateInterval : 50
};
$(function() {
	$(".scroll").jScrollPane(ist.scrollSettings);
});

/*------------------------------------------------------------------------------------------------------------------------
MODAL
-------------------------------------------------------------------------------------------------------------------------*/

// FRIEND POST
var recommend_name1 = '';
var recommend_name2 = '';
var recommend_email1 = '';
var recommend_email2 = '';
var recommend_message = '';
$(function()
{
	$(".friendsPost").hide()
	$("body").append("<div id='glayLayer'></div><div id='overLayer'></div>");

	$("#glayLayer").click(function()
	{
		recommend_name1 = $(":input.txtName1:visible").val();
		recommend_name2 = $(":input.txtName2:visible").val();
		recommend_email1 = $(":input.txtMailAddress01:visible").val();
		recommend_email2 = $(":input.txtMailAddress02:visible").val();
		recommend_message = $(".txtMessage:visible").val();

		$(this).hide();
		$("#overLayer").hide();
	});

	$(".friendsPostBtn").click(function()
	{
		$("#glayLayer").show();
		$("#overLayer").fadeIn(700).html("<img src='/images/icon_close.gif' class='close' />" + $("+.friendsPost", this).html()).css(
		{
			marginTop: "-" + $("#overLayer").height() / 2 + "px",
			marginLeft: "-" + $("#overLayer").width() / 2 + "px"
		});

		$("#overLayer img.close,#overLayer .itemFriendBtn").click(function()
		{
			recommend_name1 = $(":input.txtName1:visible").val();
			recommend_name2 = $(":input.txtName2:visible").val();
			recommend_email1 = $(":input.txtMailAddress01:visible").val();
			recommend_email2 = $(":input.txtMailAddress02:visible").val();
			recommend_message = $(".txtMessage:visible").val();

			$("#glayLayer").hide();
			$("#overLayer").hide();
		});

		$(":input.txtName1:visible").val(recommend_name1);
		$(":input.txtName2:visible").val(recommend_name2);
		$(":input.txtMailAddress01:visible").val(recommend_email1);
		$(":input.txtMailAddress02:visible").val(recommend_email2);
		$(".txtMessage:visible").val(recommend_message);

		return false;
	});

	if ($.browser.msie && $.browser.version < 7) {
		$(window).scroll(function()
		{
			$("#glayLayer").get(0).style.setExpression("top", "$(document).scrollTop() + 'px'");
			$("#overLayer").get(0).style.setExpression("top", "($(document).scrollTop() + $(window).height() / 2) + 'px'");
		});
	}
});

// ITEM SEARCH
$(function()
{

	$(".itemSearchOuter").hide()
	$("body").append("<div id='glayLayer'></div><div id='overLayer'></div>");

	$("#glayLayer").click(function()
	{
		$(this).hide();
		$("#overLayer").hide();
	});

	$(".itemSearchBtn").click(function()
	{
		$("#glayLayer").show();

		// init options
		$.ajax({
			url: '/dropDownListInit.aspx',
			dataType: 'xml',
			success: function(data)
			{
				// xml to json
				var json = $.xml2json(data);

				// create select
				for (var i in json) {
					var options = "";

					for (var ii in json[i]) {
						if (json[i][ii].id == '2154') {
						} else {
							options += '<option value="' + json[i][ii].id + '">' + json[i][ii].value + '</option>';
						}
					}
					$("select." + i).html(options);
				}
			}
		});

		// init hidden
		$("._prfx").val("");
		$("._prtx").val("");
		$("._cix").val("");
		$("._cmx").val("");

		$("#overLayer").fadeIn(700).html("<img src='/images/icon_close.gif' class='close' />" + $("+.itemSearchOuter", this).html()).css(
		{
			marginTop: "-" + $("#overLayer").height() / 2 + "px",
			marginLeft: "-" + $("#overLayer").width() / 2 + "px"
		});

		// free word
		$("._fw").val(getUrlVars()["_fw"]);

		$("select").change(function(e)
		{
			getOptions(e);
		});

		$("#overLayer img.close").click(function()
		{
			$("#glayLayer").hide();
			$("#overLayer").hide();
		});
		return false;
	});

	if ($.browser.msie && $.browser.version < 7) {
		$(window).scroll(function()
		{
			$("#glayLayer").get(0).style.setExpression("top", "$(document).scrollTop()+'px'");
			$("#overLayer").get(0).style.setExpression("top", "($(document).scrollTop()+$(window).height()/2)+'px'");
		});
	}
});

// ajax function
function getOptions(e)
{
	// data
	var key = $(e.target).attr("class");
	var val = $(e.target).val();
	var select = e.target;

	// add locked
	//$(select).addClass("locked");

	// write hidden value
	var hiddenKey = key + "x";
	$("." + hiddenKey).val(val);

	// create params
	var params = "_prf=" + $("#header ._prfx").val() + '&_prt=' + $("#header ._prtx").val() + '&_ci=' + $("#header ._cix").val() + '&_cm=' + $("#header ._cmx").val();
	//alert(params + " " + hiddenKey + " " + $(e.target).attr("class"));

	// get xml
	$.ajax({
		url: '/dropDownList.aspx?' + params,
		dataType: 'xml',
		success: function(data) 
		{
			// xml to json
			var json = $.xml2json(data);
		
			// create select
			for (var i in json) 
			{
				var options = "";
				for (var ii in json[i]) 
				{
					if (json[i][ii].value == "リセット") 
					{
						// reset action
						options += '<option value="' + json[i][ii].id + '" onclick="javascript:getOptions(); return false;">' + json[i][ii].value + '</option>';
					} else 
					{
						options += '<option value="' + json[i][ii].id + '">' + json[i][ii].value + '</option>';
					}
				}
				$("select." + i + ':not(:.locked)').html(options);
				$(".searchBox ").focus(); // ie bug
			}
		}
	});
}

// FILTER ITEMS
$(function()
{
	// prepare
	$(".arrangeFormOuter").hide()
	$("body").append("<div id='glayLayer'></div><div id='overLayer'></div>");
	
	$("#glayLayer").click(function()
	{
		$(this).hide();
		$("#overLayer").hide();
	});
	
	// event
	$(".arrangeBtn").click(function()
	{
		$("#glayLayer").show();
		$("#overLayer").fadeIn(700).html("<img src='/images/icon_close.gif' class='close' />"+$("+.arrangeFormOuter",this).html()).css(
		{
			marginTop:"-"+$("#overLayer").height() / 2 + "px" , 
			marginLeft:"-"+$("#overLayer").width() / 2 + "px" 
		});
		
		// init
		if (getUrlVars()["_prf"] != "") 
		{
			//$(".arrangeList select._prf").addClass("locked");
			$("._prfx").val(getUrlVars()["_prf"]);
		}
		if (getUrlVars()["_prt"] != "") 
		{
			//$(".arrangeList select._prt").addClass("locked");
			$("._prtx").val(getUrlVars()["_prt"]);
		}
		if (getUrlVars()["_ci"] != "") 
		{
			//$(".arrangeList select._ci").addClass("locked");
			$("._cix").val(getUrlVars()["_ci"]);
		}
		if (getUrlVars()["_cm"] != "") 
		{
			//$(".arrangeList select._cm").addClass("locked");
			$("._cmx").val(getUrlVars()["_cm"]);
		}

		// get params
		var params = "_prf=" + getUrlVars()["_prf"] + '&_prt=' + getUrlVars()["_prt"] + '&_ci=' + getUrlVars()["_ci"] + '&_cm=' + getUrlVars()["_cm"];

		// get xml 
		$.ajax({
			url: '/dropDownList.aspx?' + params,
			dataType: 'xml',
			success: function(data) 
			{
				// xml to json
				var json = $.xml2json(data);

				// create select
				for (var i in json) 
				{
					var options = "";
					for (var ii in json[i]) 
					{
						if (json[i][ii].value == "リセット") 
						{
							// reset action
							options += '<option value="' + json[i][ii].id + '" onclick="javascript:getOptions(); return false;">' + json[i][ii].value + '</option>';
						} else 
						{
							options += '<option value="' + json[i][ii].id + '">' + json[i][ii].value + '</option>';
						}
					}
					$("select." + i).html(options);
				}
			}
		});

			// select onChange event
			$("select").change(function(e) {
			getOptions(e);
		});

		$("#overLayer img.close").click(function()
		{
			$("#glayLayer").hide();
			$("#overLayer").hide();
		});
		return false;
	});
	
	if($.browser.msie && $.browser.version < 7) 
	{
		$(window).scroll(function(){
			$("#glayLayer").get(0).style.setExpression("top","$(document).scrollTop()+'px'");
			$("#overLayer").get(0).style.setExpression("top","($(document).scrollTop()+$(window).height()/2)+'px'");
		});
	}
});

// get url params
function getUrlVars() 
{ 
	var vars = [], hash; 
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
	for (var i = 0; i < hashes.length; i++) 
	{ 
		hash = hashes[i].split('='); 
		vars.push(hash[0]); 
		vars[hash[0]] = hash[1]; 
	} 
	return vars; 
}

//wrapping info
$(function(){
	$(".wrappingInfo").hide()
	$("body").append("<div id='glayLayer'></div><div id='overLayerItemOption'></div>");
	
	$("#glayLayer").click(function()
	{
		$(this).hide();
		$("#overLayerItemOption").hide();
	});
	
	$(".wrappingInfoBtn").click(function()
	{
		$("#glayLayer").show();
		$("#overLayerItemOption").fadeIn(700).html("<img src='/images/icon_close.gif' class='close' />"+$("+.wrappingInfo",this).html()).css(
		{
			marginTop: "-" + $("#overLayerItemOption").height() / 2 + "px" , 
			marginLeft: "-" + $("#overLayerItemOption").width() / 2 + "px" 
		});
		
		$("#overLayerItemOption img.close,#overLayerItemOption .btnStyle").click(function()
		{
			$("#glayLayer").hide();
			$("#overLayerItemOption").hide();
		});
		return false;
	});
	
	if($.browser.msie && $.browser.version < 7)
	{
		$(window).scroll(function()
		{
			$("#glayLayer").get(0).style.setExpression("top", "$(document).scrollTop() + 'px'");
			$("#overLayerItemOption").get(0).style.setExpression("top", "($(document).scrollTop() + $(window).height() / 2) + 'px'");
		});
	}
});

/* -----------------------------------------------------------------------------------------------------------------------
BG IFRAME
----------------------------------------------------------------------------------------------------------------------- */
$(document).ready(function()
{
	//プラグインを使用する場合は先にプラグインを適用
	if (typeof document.documentElement.style.maxHeight != "undefined") 
	{ //IE7以上、Firefox, Opera, Chrome等
	} else 
	{ //IE6
		$("div#glayLayer").bgiframe(); //jquery.bgiframe.min.jsを選択エリアに適用
	}
});

/* -----------------------------------------------------------------------------------------------------------------------
右クリック禁止
----------------------------------------------------------------------------------------------------------------------- */
$(function()
{
	$('img').bind('contextmenu', function(event)
	{
		return false;
	});
});

$(function()
{
	$("#cboxPhoto img").bind("contextmenu", function(event)
	{
		return false;
	});
});


/* -----------------------------------------------------------------------------------------------------------------------
footer links color 
----------------------------------------------------------------------------------------------------------------------- */

$(function() {
	$("#footerSegment li a:first").css("color", "#777E77");
});
