////////////////////////////////////////////////////////////////////////////////
/// Popup 　--  V4 r1 --
////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////
/// 初期設定
////////////////////////////////////////////////////////////////////////////////
/* 時間
----------------------------------------------------------------------*/
var speedH=100;
var speedM=300;


////////////////////////////////////////////////////////////////////////////////
/// html
////////////////////////////////////////////////////////////////////////////////


////////////////////////////////////////////////////////////////////////////////
/// メインプロトコル
////////////////////////////////////////////////////////////////////////////////
/*
ハンドラ
----------------------------------------------------------------------*/
$(document).ready(function(){												 

});
$(window).load(function(){												 

});


/*
オープン
----------------------------------------------------------------------*/
function flOpn(id,event){
	$('#'+id+' .flContWrap').hide();
	$('#FLOAT_BASE').show();
	$('#'+id).show();
	$('#'+id+' .flContWrap').fadeIn(speedM);
	$('#'+id+' .flBg').height($('#'+id+' .flContWrap').innerHeight());
	fulHt('FLOAT_BASE');
	floatC(id);
	if(UAuIE6) $('select').hide();
	$('#FLOAT_BASE').click(function(){flCls(id);});
	$('#'+id+' .flClose').click(function(){flCls(id);});

	if(event.preventDefault){
		event.preventDefault();
		event.stopPropagation();
	} else {
		event.returnValue=false;
		event.cancelBubble=true;
	}

}

/*
クローズ
----------------------------------------------------------------------*/
function flCls(id){
	$('#'+id+' .flContWrap').fadeOut(speedM);
	setTimeout(function(){
		$('.flItem').hide();
		$('#FLOAT_BASE').hide();
		if(UAuIE6) $('select').show();
	},speedM);
}


////////////////////////////////////////////////////////////////////////////////
/// height100%演算
////////////////////////////////////////////////////////////////////////////////

function fulHt(id){
	var idB=document.getElementById(id);
	var dB=(document.documentElement&&document.documentElement.clientHeight)?
	document.documentElement:document.body;
	var bH=(document.all&&!window.opera)?dB.clientHeight:window.innerHeight;
	var cH=dB.scrollHeight;
	idB.style.height=(cH>bH)?cH+'px':bH+'px';
}


////////////////////////////////////////////////////////////////////////////////
/// 中央フロート座標演算
////////////////////////////////////////////////////////////////////////////////

function floatC(id){
	var idB=document.getElementById(id);
	var dB=(document.documentElement&&document.documentElement.clientHeight)?
	document.documentElement:document.body;
	/* ウィンドウ表示領域サイズ
	----------------------------------------------------------------------*/
	var bW=(document.all&&!window.opera)?dB.clientWidth:window.innerWidth;
	var bH=(document.all&&!window.opera)?dB.clientHeight:window.innerHeight;
	/* スクロール量
	----------------------------------------------------------------------*/
	var sW=(document.all&&!window.opera)?dB.scrollLeft:window.scrollX;
	var sH=(document.all&&!window.opera)?dB.scrollTop:window.scrollY;
	/* フロートブロックサイズ
	----------------------------------------------------------------------*/
	var oW=idB.scrollWidth;
	var oH=idB.scrollHeight;
	/* 処理
	----------------------------------------------------------------------*/
	var dLeft=(bW-oW)/2+sW;
	if($("#containerPane").hasClass("P2_Rmain") || $("#containerPane").hasClass("P3")) { dLeft += 200; } //P2_Rmain、P3の場合は位置調整
	var dTop=(bH-oH)/2+sH;
	idB.style.left=(dLeft>0)?dLeft+'px':0;
	idB.style.top=(dTop>0)?dTop+'px':0;
}


////////////////////////////////////////////////////////////////////////////////
/// ブラウザ判定
////////////////////////////////////////////////////////////////////////////////

var UA=navigator.userAgent;

/*
IE 6以下判定
----------------------------------------------------------------------*/
var UAuIE6=UA.slice(UA.indexOf("MSIE ")+"MSIE ".length,UA.indexOf("MSIE ")+"MSIE ".length+1)<7;




////////////////////////////////////////////////////////////////////////////////
/// オブジェクト操作
////////////////////////////////////////////////////////////////////////////////

function floatObjOparation() {

	//javascript onのみスタイル設定
	$(".flItem").css("position","absolute");
	$(".flItem").css("display","none");
	$(".flContWrap").css("position","absolute");
	
	$(".flWidth870").css("width","918px");
	$(".flWidth650").css("width","698px");
	$(".flWidth430").css("width","478px");
	
	//参照パス（販社は参照先を変更）
	var itemPath = "/";
	var hansha = ["acx","ahx","cbx","fkx","foo","fox","gfx","gmx","hgx","hkx","hrx","hsx","ibx","iwx","kgx","kkx","kmx","knx","ktx","mex","myx","ngx","nnx","nrx","nsx","okx","osx","skx","stx","szx","tcx","tkx","tmx","ygx","ynx"];
	var thisLoc = this.location.href;
	for(p in hansha) {
		pSlush = "/"+hansha[p]+"/";
		var onMatch = thisLoc.indexOf(pSlush);
		if(onMatch>-1) {itemPath = pSlush }
	}
	itemPath += "common_v4/src/jp/images/misc/";

	//Float Size Big
	var ftopStr870 = '<p class="flTop"><img src="'+itemPath+'jb870_wt.png" alt="" width="918" height="39"></p>';
	ftopStr870 += '<div class="flBg"></div>';
	ftopStr870 += '<p class="flBtm"><img src="'+itemPath+'jb870_wb.png" alt="" width="918" height="36"></p>';
	$(".flWidth870 .floatPartsTop").html(ftopStr870);

	//Float Size Medium
	var ftopStr650 = '<p class="flTop"><img src="'+itemPath+'jb650_wt.png" alt="" width="698" height="39"></p>';
	ftopStr650 += '<div class="flBg"></div>';
	ftopStr650 += '<p class="flBtm"><img src="'+itemPath+'jb650_wb.png" alt="" width="698" height="36"></p>';
	$(".flWidth650 .floatPartsTop").html(ftopStr650);

	//Float Size Small
	var ftopStr430 = '<p class="flTop"><img src="'+itemPath+'jb430_wt.png" alt="" width="478" height="39"></p>';
	ftopStr430 += '<div class="flBg"></div>';
	ftopStr430 += '<p class="flBtm"><img src="'+itemPath+'jb430_wb.png" alt="" width="478" height="36"></p>';
	$(".flWidth430 .floatPartsTop").html(ftopStr430);

	//閉じるボタン
	var printBtnStr = '<a href="javascript:void(0);" class="flClose"><span>閉じる</span></a>';
	$(".flBtn").html(printBtnStr);
}

// add onload
	try {
		window.addEventListener('load', floatObjOparation, false);
	} catch (e) {
		window.attachEvent('onload', floatObjOparation);
	}

