// JavaScript Document

var POPUP_ID = null;
var AREA_ID = null;
var OPACITY_SIZE = 0;
var OPACITY_ADD_SIZE = 0;
var SELECTED_CATALOG_ID = null;
var OUTBLOG_CATALOG_ID = '12146';

// スタイルナビゲーター表示用 (SEO 対策)
function openBlog (subdomain) {
   window.open ('http://' + subdomain + '.arekao.jp/', '_blank');
   return false;
}

// 商品詳細ページで他のカラー等をポップアップ表示
function showOtherType(popUpLayer, displayArea) {

	if (popUpLayer == POPUP_ID) {
		document.getElementById(displayArea).style.display = 'none';
		POPUP_ID = null;
		return;
	}

	POPUP_ID  = popUpLayer;
	AREA_ID = displayArea;
	OPACITY_ADD_SIZE = 100;

	showPopUpLayer();

}

// 商品モニターの応募条件をポップアップ表示
function showTermsOfMonitor(selectedItem, displayArea, x, y) {

	var catalogId = selectedItem.value;
	var indexNumber = selectedItem.selectedIndex;
	var popUpLayer = 'sub' + indexNumber;

	showOutBlogUrl(catalogId);

	SELECTED_CATALOG_ID = catalogId;

	if ( indexNumber == 0 ) {
		document.getElementById(displayArea).style.display = 'none';
		return;
	}

	POPUP_ID  = popUpLayer;
	AREA_ID = displayArea;
	OPACITY_ADD_SIZE = 10;

	showPopUpLayer(x, y);

}

// 商品モニター応募でマスカラブログが選択された場合、
// 外部ブログURLの入力ボックスを表示
function showOutBlogUrl(catalogId) {

	if ( (catalogId == OUTBLOG_CATALOG_ID) && (SELECTED_CATALOG_ID != OUTBLOG_CATALOG_ID) ) {
		document.getElementById('outBlogUrl1').style.display = 'block';
		document.getElementById('outBlogUrl2').style.display = 'block';

	} else if ( SELECTED_CATALOG_ID == OUTBLOG_CATALOG_ID ) {

		document.getElementById('outBlogUrl1').style.display = 'none';
		document.getElementById('outBlogUrl2').style.display = 'none';
	}

}

// レイヤー表示
function showPopUpLayer(x, y) {

	var objPopUpLayer = document.getElementById(POPUP_ID);
	var objDisplayArea = document.getElementById(AREA_ID);

	OPACITY_SIZE = 0;

	if (x != null) {
		objDisplayArea.style.left = x + 'px';
	}

	if (y != null) {
		objDisplayArea.style.top = y + 'px';
	}

	objDisplayArea.style.MozOpacity = OPACITY_SIZE;
	objDisplayArea.style.filter     = 'alpha(opacity = 0)';
	objDisplayArea.innerHTML        = objPopUpLayer.innerHTML;
	objDisplayArea.style.display    ='block';

	fadeInEffect();

}

// レイヤー非表示
function hideLayer(layerId) {

	document.getElementById(layerId).style.display = 'none';

}

// フェードイン効果
function fadeInEffect() {

	var obj = document.getElementById(AREA_ID);

	obj.style.MozOpacity = OPACITY_SIZE / 100;
	obj.style.filter     = 'alpha(opacity=' + OPACITY_SIZE + ')';

	OPACITY_SIZE += OPACITY_ADD_SIZE;

	if (OPACITY_SIZE <= 100) setTimeout('fadeInEffect()', 10);

}