$(function(){

	//Copyright
	$("#copyriht_txt").html("2011");

	// rollover
	smartRollover();

	// index_c1_search 
	$(".v2_index_c1_search_box:last-child").css("margin-bottom","0");

	// index_c1_search click function
	$("#v2_index_c1_bottom_btn11 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","block");
		$("#v2_index_c1_bottom_btn_p3").css("display","none");
		$("#v2_index_c1_bottom_open1").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","none");
	});
	$("#v2_index_c1_bottom_btn12 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","none");
		$("#v2_index_c1_bottom_btn_p3").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","block");
		$("#v2_index_c1_bottom_open1").css("display","none");
	});
	$("#v2_index_c1_bottom_btn21 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","block");
		$("#v2_index_c1_bottom_btn_p3").css("display","none");
		$("#v2_index_c1_bottom_open1").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","none");
	});
	$("#v2_index_c1_bottom_btn22 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","none");
		$("#v2_index_c1_bottom_btn_p3").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","block");
		$("#v2_index_c1_bottom_open1").css("display","none");
	});
	$("#v2_index_c1_bottom_btn31 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","block");
		$("#v2_index_c1_bottom_btn_p3").css("display","none");
		$("#v2_index_c1_bottom_open1").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","none");
	});
	$("#v2_index_c1_bottom_btn32 a").click(function(){
		$("#v2_index_c1_bottom_btn_p1").css("display","none");
		$("#v2_index_c1_bottom_btn_p2").css("display","none");
		$("#v2_index_c1_bottom_btn_p3").css("display","block");
		$("#v2_index_c1_bottom_open2").css("display","block");
		$("#v2_index_c1_bottom_open1").css("display","none");
	});

	// overlay
	$('<div id="wrap_black"></div>').appendTo('body');

	// login
	var loginboxDiv='<div id="v2_loginbox">'
+'	<div id="v2_loginbox_inner" class="cfx">'
+'		<ul id="v2_loginbox_close"><!--'
+'			--><li><a href="javascript:void(0);" class="v2_loginbox_close">閉じる</a></li><!--'
+'		--></ul>'
+'		<p id="v2_loginbox_inner_title">ようこそZaikostore.comへ</p>'
+'		<div id="v2_loginbox_inner_l">'
+'			<dl id="v2_loginbox_inner_l_1">'
+'				<dt>最安値保証品</dt>'
+'				<dd>最安値保証製品が他社より高ければ、お安くいたします。</dd>'
+'			</dl>'
+'			<dl id="v2_loginbox_inner_l_2">'
+'				<dt>在庫一年間保証</dt>'
+'				<dd>当社保有の在庫を1年間製品保証。</dd>'
+'			</dl>'
+'			<dl id="v2_loginbox_inner_l_3">'
+'				<dt>zaikostoreポイント</dt>'
+'				<dd>デパート商品券と交換可能なZaikostoreポイントがつきます。</dd>'
+'			</dl>'
+'			<dl id="v2_loginbox_inner_l_4">'
+'				<dt>お得な「特別会員」って？</dt>'
+'				<dd>特別会員価格でご購入頂けるスペシャルな会員様です。その他にも多くの得点でスペシャル対応をさせていただきます。</dd>'
+'			</dl>'
+'			<p id="v2_loginbox_inner_l_5">特別会員になるには？詳しくはお客様の担当にお尋ねください！</p>'
+'		</div>'
+'		<div id="v2_loginbox_inner_r">'
+'			<div id="v2_loginbox_loginbox">'
+'				<form action="/zaikostore/servlet/zaikostore" method="POST">'
+'					<input type="hidden" name="login" value="1">'
+'					<dl>'
+'						<dt>ID</dt>'
+'						<dd><input type="text" id="v2_loginbox_name" name="loginID" value=""></dd>'
+'						<dt>パスワード</dt>'
+'						<dd><input type="password" id="v2_loginbox_pass" name="pw" value=""></dd>'
+'					</dl>'
+'					<ul id="v2_loginbox_txt1"><!--'
+'						--><li><a href="/zaikostore/jsp/remainder/index.jsp">ID・パスワードを忘れたら</a></li><!--'
+'					--></ul>'
+'					<p id="v2_loginbox_txt2"><!--<input type="checkbox" id="" name="" value=""><label for="">次回から自動ログイン</label>--></p>'
+'					<ul id="v2_loginbox_btn"><!--'
+'						--><!-- <li><a href="#">ログイン</a></li> --><!--'
+'						--><input type="image" src="/zaikostore/jsp/images/v2_common/loginbox_btn.gif" name="login" value="1"><!--'
+'					--></ul>'
+'				</form>'
+'			</div>'
+'		</div>'
+'	</div>'
+'</div>';
	$(loginboxDiv).appendTo('body');

	$('.loginbox_open').click(function(){
		overlayAdd();
//		$('#wrapper').css({'opacity': 0.5});
//		$('#v2_loginbox').css({'top': $(window).scrollTop() + 100});
		$('#v2_loginbox').show();
//		$('#v2_loginbox').fadeIn(1000);
		return false;
	});

	$('.v2_loginbox_close').click(function(){
		$('#v2_loginbox').hide();
//		$('#v2_loginbox').fadeOut();
//		$('#wrapper').css({'opacity': 1});
		overlayRemove();
	});

	$('form').submit(function(){
		overlayAdd();
	});

//	$('body').click(function(){
//		$('#v2_loginbox').hide();
//		$('#wrapper').css({'opacity': 1});
//		$('#v2_overlay,#fancy_bigIframe').remove();
//	});

	// Toolchip
	this.tooltip = function(){
		/* CONFIG */
		xOffset = 10;
		yOffset = 20;
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
		/* END CONFIG */
		$("a.tooltip").hover(function(e){
			this.t = this.title;
			this.title = "";
			$("body").append("<p id='tooltip'>"+ this.t +"</p>");
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");
			},
			function(){
				this.title = this.t;
				$("#tooltip").remove();
		});
		$("a.tooltip").mousemove(function(e){
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});
	};

});

function overlayAdd(){
	if($('#v2_overlay').size() == 0){
		window.onunload=function(){};
		$('#wrap_black').prepend('<div id="v2_overlay"></div>');
		$('#v2_overlay').css({'height': $(document).height(), 'opacity': 0.7});
		$('#v2_overlay').fadeIn(3000);
	}
}

function overlayRemove(){
	window.onunload=null;
	$('#wrap_black').empty();
}

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off\\.")) {
				var nonRollCheck ;
				nonRollCheck = images[i].getAttribute('className');
				nonRollCheck = (nonRollCheck == null) ? images[i].getAttribute('class') : nonRollCheck;

				nonRollCheck = nonRollCheck ? nonRollCheck.match(/(^|\s)no_rollover(\s|$)/) : false;

				if (!nonRollCheck) {
					ImgSrc = images[i].getAttribute("src").replace("_off.", "_ov.");
					new Image().src = ImgSrc;

					images[i].onmouseover = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_off.", "_ov."));
					}
					images[i].onmouseout = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_ov.", "_off."));
					}
				}
			}
		}
		var inputs = document.getElementsByTagName("input");
		for(var i=0; i < inputs.length; i++) {
			if(inputs[i].type == "image") {
				if(inputs[i].getAttribute("src").match("_off\\.")) {
					inputs[i].onmouseover = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_off.", "_ov."));
					}
					inputs[i].onmouseout = function() {
						this.setAttribute("src", this.getAttribute("src").replace("_ov.", "_off."));
					}
				} else {
					inputs[i].onmouseover = function() {
						this.style.opacity='0.8';
						this.style.filter='alpha(opacity=80)';
					}
					inputs[i].onmouseout = function() {
						this.style.opacity='1';
						this.style.filter='alpha(opacity=100)';
					}
				}
			}
		}
	}
}

$(function(){
	$('a[href^=#]').click(function() {
		var speed = 400;// ミリ秒
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top;
		$($.browser.safari ? 'body' : 'html').animate({scrollTop:position}, speed, 'swing');
		return false;
	});
});