// 整数にカンマをつける
var numberFormat = function(num){
  return num.toString().replace(/([\d]+?)(?=(?:\d{3})+$)/g, function(t){ return t + ','; });
}
// 画像を差し替える
var imgChange = [
		["icon_free.gif","free_icon.png",{"width":50,"height":50,"border":"none"},"フリーオークション","入札にコインを消費しないオークションです。"],
		["icon_1en.gif","penny_icon.png",{"width":50,"height":50,"border":"none"},"1円オークション","入札されるたびに価格が￥１ずつ上昇します。"],
		["icon_notautobid.gif","nail_icon.png",{"width":50,"height":50,"border":"none"},"手動オークション","自動入札機能が使えないオークションです。"],
		["icon_wakaba.gif","beginner_icon.png",{"width":50,"height":50,"border":"none"},"ビギナーオークション","一度も落札したことがないユーザーだけが参加できるオークションです。"],
		["icon_normal.gif","normal_icon.png",{"width":50,"height":50,"border":"none"},"通常オークション","入札されるたびに価格が￥１５ずつ上昇します。"]
];
// Icon差し替え
function iconChange() {
	for(var i = 0;i < imgChange.length;i++) {
		var opt = imgChange[i];

		var alt = new String();
		if(opt[3] != '') alt = opt[3];
		var src = new String();
		if(opt[1] != '') src = "http://new.world-auctions.org/images/"+opt[1];
		var target = "img[src$='"+opt[0]+"']";
		if(opt[2] != '') {
			jQuery(target)
			.attr('src', src)
			.attr('alt', alt).css(opt[2]);
		} else {
			jQuery(target)
			.attr('src', src)
			.attr('alt', alt);
		}
		if(opt[3] != '' || opt[4] != '') {
			jQuery("[content$='"+opt[0]+"']").attr("content", opt[3]+"<br />"+opt[4]);
		}
	}
}

// tips表示
function tooltipsbox() {
	jQuery(".wk2_tips").mouseover(function(){
		var txt = jQuery(this).attr("content");
		var t = jQuery(this).offset().top;
		var l = jQuery(this).offset().left;
		var id = 'tips_'+t+'_'+l;
		jQuery(this).css("position","relative");
		if(jQuery("#"+id).length > 0) {
			jQuery("#"+id).css({"opacity":1, "display":"block"});
		} else {
			jQuery(this).append('<div id="'+id+'" class="tipsbody" style="position:absolute;z-index:9999;top:21px;left:0;">'+txt+'</div>');
		}
	}).mouseout(function(){
		var txt = jQuery(this).attr("content");
		var t = jQuery(this).offset().top;
		var l = jQuery(this).offset().left;
		var id = 'tips_'+t+'_'+l;
		jQuery("#"+id).css({"opacity":0, "display":"none"});
	}).click(function(){return false;});
}

// 描写位置の取得（クリックした要素ID、幅、高さ）
function getPosition(id, w, h) {
	var top = jQuery("#"+id).position().top;
	var left = jQuery("#"+id).position().left;
	left = left - w + 30;
	top = top + 30;
	return {"top":top, "left":left};
}

// キャンセル時の処理
function payCancel(target) {
	jQuery("#form_"+target+"_activate").html('<a href="#" id="form_'+target+'_activate">購入する</a>');
	jQuery("#form_"+target+"_window").css({"display":"none"});
//	jQuery("#form_"+target+"_window").animate({"opacity":"toggle"});
	jQuery("#form_"+target+"_pay").remove();
}

// 決済方法の切り替え
function paySwitch(target, target2) {
	for(var i =0;i<payMode.length;i++) {
		if(payMode[i] != target) {
			jQuery('#form_'+target2+'_'+payMode[i]).hide();
		} else {
			jQuery('#form_'+target2+'_'+payMode[i]).show();
		}
	}
}

//決済表示
function payAction(coin) {
	if(coin == "coin20") payWindow(coin, 1500, 20, 0);
	else if(coin == "coin30") payWindow(coin, 2250, 30, 5);
	else if(coin == "coin50") payWindow(coin, 3750, 50, 10);
	else if(coin == "coin100") payWindow(coin, 7500, 100, 25);
	else if(coin == "coin150") payWindow(coin, 11250, 150, 40);
	else if(coin == "coin200") payWindow(coin, 15000, 200, 60);
	else if(coin == "coin300") payWindow(coin, 22500, 300, 100);
}

//窓表示
function payWindow(target, price, coin, bonus) {
	// 決済選択窓が表示されていなければ表示する
	if(jQuery("#form_"+target+"_pay").length == 0) {
		// 位置の取得
		// 現在位置
		var pos = getPosition("form_"+target+"_activate", width, height);
		var top = pos['top'];
		var left = pos['left'];

		coin = coin + 0;
		bonus = bonus + 0;

		var packName = ''+coin+'コインパック';
		if(bonus > 0) {
			packName += '＋'+bonus+'コインボーナス';
		}

		// 一度全部非表示にする
		for(var i =0;i<payType.length;i++) {
			payCancel(payType[i]);
		}

		jQuery("#form_"+target+"_activate").html('<a href="#" id="form_'+target+'_activate">取り消す</a>');

		// 表示させる
		var html = '<div id="form_'+target+'_pay" class="fukidashi" style="margin: 0 5px 13px;"></div>';
		jQuery("#form_"+target+"_window").css({"display":"none","top":top,"left":left, "width": width});
		jQuery("#form_"+target+"_window").append(html);
				
		var selForm = new String();
		var pck_detail = packName+' ￥'+numberFormat(price)+'<br />（'+(coin+bonus)+'回分の入札が可能）';
		selForm = '<form class="pay_select cfx"><div class="pck_detail">'+pck_detail+'</div><h3>決済方法を選んでください。</h3><ul>';
		for(var i =0;i<payMode.length;i++) {
			selForm += '<li><input type="radio" name="pay_method" onclick="paySwitch(\''+payMode[i]+'\',\''+target+'\')" id="pay_method_'+target+'_'+payMode[i]+'"><label class="nobr" for="pay_method_'+target+'_'+payMode[i]+'">'+payModeName[i]+'</label></li>';
			jQuery("#form_"+target+"_"+payMode[i]).hide();
		}
		selForm += '</ul></form>';

		//最初は決済を非表示にした状態で表示
		var payForm = jQuery("#form_"+target+"_payselect").html();
		jQuery("#form_"+target+"_pay").append(selForm+payForm);
		// 表示させると同時にスクロール
		jQuery("#form_"+target+"_window").show();
		
		var	wH = jQuery(window).height(),
			bH = jQuery("body").height(),
			sT = jQuery(window).scrollTop(),
			eT = jQuery("#form_"+target+"_window").offset().top,
			eH = jQuery("#form_"+target+"_window").height() * 1.5;
		eH = Math.ceil(eH);
		if(sT + wH < bH && sT + wH < eT + eH) {
			jQuery('html,body').animate({ scrollTop: sT + eH }, 'normal');
		}
		
	} else {
		payCancel(target);
	}
}

// ログイン
(function($) { 
	$(function() {
		//icon差し替え
		iconChange();
		//tips表示
		tooltipsbox();
		// ログインする
		var Refresh = function() {
			location.reload();
		}
		var EnterTheSite = function(u, p){
			if(u == '' || p == '') {
//				alert("ユーザー名とパスワードを正しく入力してください。");
				Popup("notLogin", "ユーザー名とパスワードを正しく入力してください。");
			} else {
				$.ajax({
					url: "http://new.world-auctions.org/index.php?login_id="+u+"&login_pass="+p+"&r="+(+new Date()),
					dataType: 'html',
					type: 'GET',
					timeout: 3000,
					beforeSend : function() {
						return true;
					},
					complete : function(data, status) {
						Refresh();
						return false;
					},
					success : function(data){
					},
					error : function(){
					}
				});
			}
		}
		// ポップアップ
		var Popup = function(target, msg) {
			if($("#"+target).length > 0) {
			} else {
				$("#header").append('<div id="'+target+'" class="fukidashi2"></div>');
			}
			$("#"+target).html(msg).css({opacity:0, "z-index":9999});
			$('html,body').animate({ scrollTop: 0 }, {duration:'normal', complete:function(){
				$("#"+target).animate({opacity:0.9},{duration:320});
				var s = setInterval(function(){
					$("#"+target).animate({opacity:0},{duration:240, complete:function(){
//						$("#notLogin").css({"z-index":0});
						$("#"+target).remove();
					}});
					s = null;
				}, 3400);
			}});
		}
		$('#autoBid').submit(function(){
			$.ajax({
				url: "http://new.world-auctions.org/index.php?login_id="+u+"&login_pass="+p+"&r="+(+new Date()),
				dataType: 'html',
				type: 'GET',
				timeout: 3000,
				beforeSend : function() {
					return true;
				},
				complete : function(data, status) {
//					Refresh();
					return false;
				},
				success : function(data){
				},
				error : function(){
				}
			});
//			return false;
		});
		$('#header form').submit(function () {
			var	u = $("#UserUsername").val(),
				p = $("#UserPassword").val();
			EnterTheSite(u, p);
			return false;
		});
		$("[href$='login.php']").click(function () {
			Popup("notLogin", "入札するにはログインしてください。");
			return false;
		});
	});
})(jQuery);