

//========================================================================================
// ページグローバル変数
//========================================================================================

var	g_tryCount				=	0;
var g_viewImage;
var	g_loadingImage;
var	g_viwerSize				=	new Object;

var	g_viewImageList			=	new Array();
var	g_viewImageSizeList		=	new Array();

var	g_shiftState			=	false;
var	g_vewerEventID;

//========================================================================================
// 配列ユーティティ関数
//========================================================================================

//======================================================================================//
// 配列から指定した要素のインデックスを取得します。										//
//--------------------------------------------------------------------------------------//
// @param[in]	srcArray			配列												//
// @param[in]	serchElement		検索する値											//
// @return		要素が無ければ-1、それ以外は見つかった添え字の値						//
//--------------------------------------------------------------------------------------//
function Array_GetIdx( srcArray, serchElement )
{
	var	idx;
	var	end		=	srcArray.length;
	
	for ( idx = 0; idx < end; idx++ )
	{
		if ( srcArray[ idx ] == serchElement )
		{
			return	idx;
		}
	}
	
	return	-1;
}

//======================================================================================//
// 配列の次の添え字を取得します。要素を越える場合は0に戻ります。						//
//--------------------------------------------------------------------------------------//
// @param[in]	srcArray			配列												//
// @param[in]	cIdx				現在の添え字										//
// @return		有効な次の添え字														//
//--------------------------------------------------------------------------------------//
function Array_GetNextIdx( srcArray, cIdx )
{
	if ( cIdx < ( srcArray.length - 1 ) )
	{
		return	cIdx + 1
	}
	else
	{
		return	0
	}
}

//======================================================================================//
// 配列の一つ前の添え字を取得します。要素が0の場合は、最終要素を返します。				//
//--------------------------------------------------------------------------------------//
// @param[in]	srcArray			配列												//
// @param[in]	cIdx				現在の添え字										//
// @return		有効な前の添え字														//
//--------------------------------------------------------------------------------------//
function Array_GetBackIdx( srcArray, cIdx )
{
	if ( cIdx == 0 )
	{
		return	srcArray.length - 1
	}
	else
	{
		return	cIdx - 1;
	}
}

//========================================================================================
// クッキー管理
//========================================================================================

function SetCookie( key, val )
{
    document.cookie		=	key + "=" + escape(val);
}

function GetCookie( key )
{
	var	cookies			=	(document.cookie + ";").split( " " );
	var	numCookie		=	cookies.length
	
	for ( var cIdx = 0; cIdx < numCookie; cIdx++ )
	{
		var	cookie		=	cookies[cIdx].slice( 0, -1 );
		var	token		=	cookie.split( "=" );
		
		if ( token[0] == key )
			return	token[1];
	}
	
	return	null;
}


//========================================================================================
// キー入力取得
//========================================================================================

function GetKeyCode( e )
{
	if ( document.all )					// IE
	{
		return  event.keyCode;
	}
	else if ( document.getElementById ) // FF
	{
		if ( e.keyCode )
		{
			return	e.keyCode;
		}
		else
		{
			return	e.charCode;
		}
	}
	else if ( document.layers )
	{
		return  e.which;	//	Netscape4,6,7, Safari
	}
}

function SetKeyEvent()
{
	document.onkeydown		=	function( e )
	{
		var	keyCode		=	GetKeyCode( e );

//		window.status		=	"KeyDOWN : " + keyCode;

		if ( keyCode == 16 )	// shift
		{
			g_shiftState	=	true;
		}
	}
	
	document.onkeyup		=	function( e )
	{
		var	keyCode		=	GetKeyCode( e );
		
//		window.status		=	"KeyUP : " + keyCode;
		
		if ( keyCode == 16 )	// shift
		{
			g_shiftState	=	false;
		}
	}
}


//========================================================================================
// マウス、ページスクロール情報の取得関数
//========================================================================================

function GetMouseClickBotton( e )
{
	if ( document.all )					// IE
	{
		return  event.button;
	}
	else if ( document.getElementById ) // FF
	{
		return  e.which;
	}
}

function GetObjectMousePosition( e )
{
	var pos		=	new Object();
	
	pos.x	=	0;
	pos.y	=	0;
	
	if ( document.all )					// IE
	{
		pos.x	=	event.offsetX;
		pos.y	=	event.offsetY;
	}
	else
	{
		pos.x	=	e.layerX;
		pos.y	=	e.layerY;
	}
	
	return	pos;
}


function GetMousePosition( e )
{
	var pos		=	new Object();
	
	if ( document.all )
	{ 
		pos.x	=	event.x + document.body.scrollLeft;
		pos.y	=	event.y + document.body.scrollTop;
	}
	else if ( e )
	{
		pos.x	=	e.pageX;
		pos.y	=	e.pageY;
	}
	
	return pos; 
}

function GetMouseScroll( e )
{
	// IEの場合は取得先を変更
	if ( !e )
	{
		e	=	window.event;
	}
	
 	var delta	=	0;

	if ( event.wheelDelta )		// IE
	{
		delta	=	event.wheelDelta/120;
		
		if ( window.opera )		//	Opera?
		{
			delta	=	-delta;
		}
	}
	else if ( event.detail )	//	Mozilla?
	{
		delta	=	-event.detail / 3;
	}
	
	// 回転量の算出中はデフォルトのスクロールを停止
	if ( event.preventDefault )
	{
		event.preventDefault();
	}
	
	event.returnValue = false;
	
	return	delta;
}

// ページのスクロール量を取得
function GetPageScroll()
{
	var	scroll	=	new Object(); 
	scroll.x		=	document.documentElement.scrollLeft || document.body.scrollLeft; 
	scroll.y		=	document.documentElement.scrollTop || document.body.scrollTop; 
	return scroll; 
}

//========================================================================================
// アクション群
//========================================================================================

//======================================================================================//
// ビューワーの画像オブジェクト上での位置を判定します。									//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function AnalyzeImageArea( e )
{
	g_viewImage;
	
	var	mPos		=	GetObjectMousePosition( e );
	
	// 画像サイズに応じて、領域を区分
	var	imageWidth	=	g_viewImage.width;
	var	imageHeight	=	g_viewImage.height;
	var	leftBorder	=	imageWidth / 2;
	
	var	mode		=	"out";
	
	if( g_viwerSize.x == 0 && g_viwerSize.y == 0 )
	{
		mode	=	"out";
	}
	else if( 0 < mPos.y && mPos.y < 150 )
	{
		// 上部はクローズ領域
		mode	=	"close";
	}
	else if ( 0 < mPos.x && mPos.x < leftBorder && mPos.y < imageHeight )
	{
		mode	=	"prev";
	}
	else if ( leftBorder < mPos.x && mPos.x < imageWidth && mPos.y < imageHeight )
	{
		mode	=	"next";
	}
	
//	window.status	=	" - Mode = " + mode + " - Mouse POS = [ " + mPos.x + " , " + mPos.y +  " ] - Image Size = [ " + imageWidth + " , " + imageHeight + " ]" + " - Border = " + leftBorder;
	
	return	mode;
}


//======================================================================================//
// ビューワーのナビゲーション画像、文字列を変更します。									//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function ChangeViewerNavi( mode )
{
	var	elm_naviNext	=	document.getElementById( "viewerNaviNext" );
	var	elm_naviPrev	=	document.getElementById( "viewerNaviPrev" );
	var	elm_naviClose	=	document.getElementById( "viewerNaviClose" );
	
	elm_naviNext.style.visibility	=	"hidden";
	elm_naviPrev.style.visibility	=	"hidden";
	
	elm_naviClose.style.color		=	"#336699";
	
	switch ( mode )
	{
		case	"next"	:
		{
			elm_naviNext.style.visibility	=	"visible";		break;
		}
		
		case	"prev"	:
		{
			elm_naviPrev.style.visibility	=	"visible";		break;
		}
		
		case	"out"	:
		case	"close"	:
		{
			elm_naviClose.style.color		=	"#DD3300";		break;
		}
		
		default			:
		{
			break;
		}
	}
}

//======================================================================================//
// ビューワーを開き、読込状況に応じて画像を表示します。									//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function OpenViewer()
{
	g_viewImage;
	g_tryCount;
	
	var	hMargin		=	80;
	var	vMargin		=	60;
	var	offset		=	10;
	
	// ドキュメントからオブジェクトを取得
	var	obj_viewerImgage	=	document.getElementById( "viewerImage" );
	var	obj_viewerArea		=	document.getElementById( "viewerArea" );
	var	obj_viewerCell		=	document.getElementById( "viewerImageCell" );
	
	// サイズを調整
	{
		obj_viewerArea.style.width		=	g_viewImage.width	+	hMargin;
		obj_viewerArea.style.height		=	g_viewImage.height	+	vMargin;
		
		obj_viewerCell.style.width		=	g_viewImage.width;
		obj_viewerCell.style.height		=	g_viewImage.height;
	}
	
	// 表示位置を調整
	{
		obj_viewerArea.style.marginLeft	=	( g_viewImage.width + hMargin ) / 2 * -1;
	}
	
	// 可視状態を変更
	obj_viewerArea.style.visibility	=	"visible";
	
	window.status			=	"ViewImage -> src = " + g_viewImage.src + ", x = " + g_viewImage.width + ", y = " + g_viewImage.height;
	
	// 読込が完了しているならば表示
	if ( g_viewImage.complete )
	{
		var	scroll		=	GetPageScroll();
		obj_viewerArea.style.top	=	scroll.y + offset;
		
		// 画像を切り替え
		obj_viewerImgage.src	=	g_viewImage.src;
		
		// マウスアクション用の領域を設定
		g_viwerSize.x	=	obj_viewerArea.style.width;
		g_viwerSize.y	=	obj_viewerArea.style.height;
		
		// アマゾンウィジェットを隠す
		var	elm_amzn_widget		=	document.getElementById( "amzn_widget" );
		
		if ( elm_amzn_widget != null )
		{
			elm_amzn_widget.style.visibility	=	"hidden";
		}
	}
	else
	{
		// 初回はローディング画面に切り替え
		if ( g_tryCount == 0 )
		{
			var	scroll		=	GetPageScroll();
			obj_viewerArea.style.top	=	scroll.y + offset;
			
			// 画像を切り替え
			obj_viewerImgage.src	=	g_loadingImage.src;
			
			// マウスアクション用の領域を初期化
			g_viwerSize.x	=	0;
			g_viwerSize.y	=	0;
			
			ChangeViewerNavi( "out" );
			
			// アマゾンウィジェットを隠す
			var	elm_amzn_widget		=	document.getElementById( "amzn_widget" );
			
			if ( elm_amzn_widget != null )
			{
				elm_amzn_widget.style.visibility	=	"hidden";
			}
		}
		
		// 10秒トライしてもダメならあきらめる
		if ( g_tryCount < 500 )
		{
			g_tryCount++;
			g_vewerEventID		=	setTimeout( OpenViewer, 200 );
		}
		else
		{
			window.status	=	"画像の表示がタイムアウトしました。";
		}
	}
}

//========================================================================================
// アクション群
//========================================================================================

//======================================================================================//
// ビューワーの画像を切り替えます。（ビューワー上での切り替えアクション）				//
//--------------------------------------------------------------------------------------//
// @param[in]	mode				画像切り替えモード( close , next , prev )			//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function ChangeViewer( mode )
{
	if ( mode == "close" )
	{
		var	obj_displayArea		=	document.getElementById( "viewerArea" );
		obj_displayArea.style.visibility	=	"hidden";
		
		clearTimeout( g_turnEventID );
		
		// アマゾンウィジェットを表示
		var	elm_amzn_widget		=	document.getElementById( "amzn_widget" );
		
		if ( elm_amzn_widget != null )
		{
			elm_amzn_widget.style.visibility	=	"visible";
		}
	}
	else
	{
		g_viewImageList;
		g_viewImageSizeList;
		g_viewImage;
		
		var	cIdx	=	Array_GetIdx( g_viewImageList, g_viewImage.src );
		var	nIdx	=	0;
		
		if ( mode == "next" )
		{
			nIdx	=	Array_GetNextIdx( g_viewImageList, cIdx )
		}
		else
		if ( mode == "prev" )
		{
			nIdx	=	Array_GetBackIdx( g_viewImageList, cIdx )
		}
		
//		window.status	=	" - Change = " + cIdx + " -> " + nIdx + "";
		
		// 情報参照用にオブジェクトを作成
		g_viewImage			=	new Image;
		g_viewImage.src		=	g_viewImageList[ nIdx ];
		
		var	size			=	g_viewImageSizeList[ nIdx ];
		g_viewImage.width	=	size.x;
		g_viewImage.height	=	size.y;
		
		g_tryCount				=	0;
		
		OpenViewer();
	}
}

//======================================================================================//
// ビューワーのマウスアクションを埋め込みます。											//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function sta_SetViewerAction()
{
	//--------------------------------------------------------------------------
	// ビューワー処理
	//--------------------------------------------------------------------------
	
	//------------------------------------------------------
	// 読込画像をロード
	//------------------------------------------------------
	g_loadingImage;
	
	g_loadingImage			=	new Image();
	g_loadingImage.src		=	( "../img/loading.gif" );
	
	//------------------------------------------------------
	// ビューワー画像のアクション
	//------------------------------------------------------
	var	elm_viewerImgage	=	document.getElementById( "viewerImage" );
	
	if ( elm_viewerImgage != null )
	{
		elm_viewerImgage.onclick		=	function( e )
		{
			var	mode		=	AnalyzeImageArea( e );
			ChangeViewer( mode );
		}
		
		elm_viewerImgage.onmousemove	=	function( e )
		{
			var	mode		=	AnalyzeImageArea( e );
			ChangeViewerNavi( mode );
		}
		
		elm_viewerImgage.onmouseout		=	function( e )
		{
			var	mode		=	AnalyzeImageArea( e );
			ChangeViewerNavi( mode );
		}
	}
	
	//------------------------------------------------------
	// ビューワーのクローズ文字列のアクション
	//------------------------------------------------------
	var	elm_closer		=	document.getElementById( "viewerNaviClose" );
	
	if ( elm_closer != null )
	{
		elm_closer.onclick		=	function( e )
		{
			ChangeViewer( "close" );
		}
		
		elm_closer.onmouseover	=	function()
		{
			elm_closer.style.color	=	"#DD3300";
		}
		
		elm_closer.onmouseout	=	function()
		{
			elm_closer.style.color	=	"#336699";
		}
	}
}

//======================================================================================//
// ビューワーを表示し、内部の画像を変更します。(サムネイルクリック時のアクション)		//
//--------------------------------------------------------------------------------------//
// @param[in]	obj_tnImg			imageエレメント										//
// @param[in]	x					表示する画像の幅									//
// @param[in]	y					表示する画像の高さ									//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function DisplayViewer( obj_tnImg, x, y )
{
	g_viewImage;
	g_tryCount;
	
	//----------------------------------------------------------------
	// サムネイル画像のソース文字列から、表示用画像のソースを生成
	//----------------------------------------------------------------
	var	path_thumbnailImg	=	obj_tnImg.src;
	var	path_viewImg		=	path_thumbnailImg.slice( 0, -7 ) + ".jpg"

	//----------------------------------------------------------------
	// 表示用の画像オブジェクトを作成
	//----------------------------------------------------------------
	g_viewImage				=	new Image;
	g_viewImage.src			=	path_viewImg;
	g_viewImage.width		=	x;
	g_viewImage.height		=	y;
	
	//----------------------------------------------------------------
	// 表示シーケンスへ
	//----------------------------------------------------------------
	obj_tnImg.style.borderColor	=	"#FFFFFF";
	g_tryCount					=	0;
	
	OpenViewer();
}


//======================================================================================//
// サムネイル画像のマウスアクション														//
//--------------------------------------------------------------------------------------//
// @param[in]	obj_tnImg			imageエレメント										//
// @param[in]	x					表示する画像の幅									//
// @param[in]	y					表示する画像の高さ									//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function SetThumbnailAction( obj_img, x, y)
{
	obj_img.onclick			=	function( e )
	{
		if ( g_shiftState )
		{
			var	imageSrc	=	obj_img.src.slice( 0, -7 ) + ".jpg"
			window.open( imageSrc );
			
			g_shiftState	=	false;
		}
		else
		{
			DisplayViewer( obj_img, x, y );
		}
	}

	obj_img.onmouseover		=	function()
	{
		obj_img.style.borderColor		=	"#1E1D1B";
		obj_img.style.borderStyle		=	"solid";
		obj_img.style.borderWidth 		=	"1";
	}

	obj_img.onmouseout		=	function()
	{
		obj_img.style.borderColor		=	"#999999";
		obj_img.style.borderStyle		=	"solid";
		obj_img.style.borderWidth 		=	"1";
	}

	obj_img.onmouseup		 =	function()
	{
		obj_img.style.borderColor		=	"#999999";
		obj_img.style.borderStyle		=	"solid";
		obj_img.style.borderWidth 		=	"1";
	}
}

//======================================================================================//
// サムネイル画像のマウスアクション														//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
/*
	name値に"sta_thumbnail"を持つ要素に、マウスアクションを組み込みます。
	また、ビューワー領域にアクションを組み込みます。
*/
function sta_SetTumbnailActions()
{
	//--------------------------------------------------------------------------
	// サムネイル処理
	//--------------------------------------------------------------------------
	
	// 情報記憶バッファ
	g_viewImageList;
	g_viewImageSizeList;
	
	//------------------------------------------------------
	// サムネイルにビューワーを表示するアクションを埋め込み
	//------------------------------------------------------
	var	elms_img	=	document.getElementsByName( "sta_thumbnail" );
		
	for ( i = 0; i < elms_img.length; i++ )
	{
		var obj_img				=	elms_img[i];
		
		//------------------------------------------------------
		// 画像ソースの記憶
		//------------------------------------------------------
		var	path_viewImage		=	obj_img.src.slice( 0, -7 ) + ".jpg"
		
		g_viewImageList.push( path_viewImage );
		
		//------------------------------------------------------
		// 画像サイズの記憶
		//------------------------------------------------------
		var	size				=	new Object();
		size.x					=	obj_img.getAttribute( "vx" );
		size.y					=	obj_img.getAttribute( "vy" );
		
		g_viewImageSizeList.push( size );
		
		//------------------------------------------------------
		// サムネイルアクション登録
		//------------------------------------------------------
		SetThumbnailAction( obj_img, size.x, size.y );
	}
	
	//------------------------------------------------------
	// キーイベントを設定
	//------------------------------------------------------
	SetKeyEvent();
}


//======================================================================================//
// 画像のマウスアクション																//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
/*
	name値に"sta_imgRO"を持つ要素に、マウスアクションを組み込みます。
	ロールオーバー、クリック時に表示する画像を変更します。
*/
function sta_AppendROActions()
{
	var	elms_img	=	document.getElementsByName( "sta_imgRO" );
	
	for ( i = 0; i < elms_img.length; i++ )
	{
		//----------------------------------------------------------------
		// 各画像要素へアクションを埋め込み
		//----------------------------------------------------------------
		var	obj_img		=	elms_img[i];
		
		obj_img.onmouseover = function()
		{
			this.src = this.src.slice( 0, -7 ) + "_mo.png";
		}
		
		obj_img.onmouseout = function()
		{
			this.src = this.src.slice( 0, -7 ) + "_nm.png";
		}
		
		obj_img.onmouseup = function()
		{
			this.src = this.src.slice( 0, -7 ) + "_mo.png";
		}
		
		obj_img.onmousedown	=	function()
		{
			this.src = this.src.slice( 0, -7 ) + "_md.png";
		}
	}
}

//======================================================================================//
// ウェブ拍手要素のマウスアクション														//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function sta_SetWebClapAction()
{
	var	elm_webClap		=	document.getElementById( "webClapBotton" );
	
	if ( elm_webClap != null )
	{
		elm_webClap.onmouseover = function()
		{
			elm_webClap.style.cursor			=	"pointer";
			//elm_webClap.style.borderColor		=	"#FF3300";
			
			this.src = this.src.slice( 0, -7 ) + "_mo.png";
		}
		
		elm_webClap.onmouseout = function()
		{
			elm_webClap.style.cursor			=	"default";
			//elm_webClap.style.borderColor		=	"#777777";
			
			this.src = this.src.slice( 0, -7 ) + "_nm.png";
		}
		
		elm_webClap.onmouseup = function()
		{
		}
		
		elm_webClap.onmousedown	=	function()
		{
		}
	}
}


function sta_SetNewArrivedAction()
{
	var	elm_newArrived	=	document.getElementById( "newArrived_list" );
	
	if ( elm_newArrived != null )
	{
		var	elms_newArrivedList		=	elm_newArrived.getElementsByTagName( "a" );
		
		for ( var i = 0; i < elms_newArrivedList.length; i++ )
		{
			var	elm_a		=	elms_newArrivedList[i];
			
			// 画像切り替えアクションを埋め込み
			elm_a.onmouseover = function( e )
			{
				var	elm_Image	=	document.getElementById( "newArrived_image" );
				
				var	iref		=	this.getAttribute( "iref" );
				var	imageSrc	=	iref.slice( 1, iref.length );
				elm_Image.src	=	imageSrc;
				elm_Image.style.visibility	=	"visible";
			}
			
			elm_a.onmouseout = function()
			{
				var	elm_Image	=	document.getElementById( "newArrived_image" );
				
				elm_Image.style.visibility	=	"hidden";
			}
		}
	}
}

function sta_SetChangeViewAction()
{
	//----------------------------------------------------------------
	// ロードアクション
	//----------------------------------------------------------------
	if ( GetCookie( "IsListView" ) == "true" )
	{
		var	elm_grid	=	document.getElementById( "grid" );
		var	elm_view	=	document.getElementById( "list" );
		
		if ( elm_grid != null && elm_view != null )
		{
			elm_grid.style.display		=	"none";
			elm_view.style.display		=	"block";
		}
	}
	else
	{
		var	elm_grid	=	document.getElementById( "grid" );
		var	elm_view	=	document.getElementById( "list" );
		
		if ( elm_grid != null && elm_view != null )
		{
			elm_grid.style.display		=	"block";
			elm_view.style.display		=	"none";
		}
	}
	
	var	elm_null	=	document.getElementById( "dummy" );
	
	if ( elm_null != null )
	{
		elm_null.style.display		=	"none";
	}
	
	//----------------------------------------------------------------
	// ボタンアクションを設定
	//----------------------------------------------------------------
	var	elm_viewGrid	=	document.getElementById( "viewGrid" );
	
	if ( elm_viewGrid != null )
	{
		elm_viewGrid.onclick		=	function( e )
		{
			document.getElementById( "grid" ).style.display		=	"block";
			document.getElementById( "list" ).style.display		=	"none";
			
			SetCookie( "IsListView", "false" );
		}
	}
	
	var	elm_viewList	=	document.getElementById( "viewList" );
	
	if ( elm_viewList != null )
	{
		elm_viewList.onclick		=	function( e )
		{
			document.getElementById( "grid" ).style.display		=	"none";
			document.getElementById( "list" ).style.display		=	"block";
			
			SetCookie( "IsListView", "true" );
		}
	}
}

function SetNoteAction( elm_NoteBG )
{
	var id			=	elm_NoteBG.getAttribute( "noteId" );
	var	elm_note	=	document.getElementById( "note_" + id );
	
	elm_NoteBG.onmouseover	=	function()
	{
		elm_note.style.display	=	"block";
	}
	
	elm_NoteBG.onmouseout	=	function()
	{
		elm_note.style.display	=	"none";
	}
	
	elm_note.onmousemove	=	function()
	{
		this.style.display		=	"none";
	}
	
	elm_note.onclick		=	function()
	{
		this.style.display		=	"none";
	}
}

function sta_ItemNoteAction()
{
	var elms_noteBG	=	document.getElementsByName( "sta_noteBG" );
	
	var	end			=	elms_noteBG.length
	
	for ( var i = 0; i < elms_noteBG.length; i++ )
	{
		SetNoteAction( elms_noteBG[i] )
	}
}

function sta_AdjutContentsSize()
{
	var obj_widget		=	document.getElementById( "blog_widget" );
	if ( !obj_widget )
	{
		return;
	}
	
	var obj_contents	=	document.getElementById( "contentsArea" );
	if ( !obj_contents )
	{
		return;
	}
	
	var	height	=	obj_widget.offsetHeight;
	var	margin	=	100;
	if ( obj_contents.offsetHeight < height )
	{
		obj_contents.style.height	=	height + margin;
	}
}

//======================================================================================//
// 標準処理の組み込み処理																//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function sta_main()
{
	sta_AppendROActions();			// ページの装飾要素へのロールオーバーアクション
	sta_SetWebClapAction();			// ウェブ拍手領域のロールオーバーアクション
	sta_SetTumbnailActions();		// サムネイル画像のアクション
	sta_SetViewerAction();			// ビューワーのアクション
//	sta_SetNewArrivedAction();
	sta_SetChangeViewAction();
	sta_AdjutContentsSize();
	sta_ItemNoteAction();
}

function DisplayR18Contents()
{
	var	elm_turnArea	=	document.getElementById( "turnArea" );
	var	elm_tnArea		=	document.getElementById( "thumbnailArea" );
	
	var	elm_initR18		=	document.getElementById( "r18InitialArea" );
	
	elm_turnArea.style.display		=	"block";
	elm_tnArea.style.display		=	"block";
	
	elm_initR18.style.display		=	"none";
}

function HiddenR18Contents()
{
	var	elm_turnArea	=	document.getElementById( "turnArea" );
	var	elm_tnArea		=	document.getElementById( "thumbnailArea" );
	
	var	elm_initR18		=	document.getElementById( "r18InitialArea" );
	
	elm_turnArea.style.display		=	"none";
	elm_tnArea.style.display		=	"none";
	
	elm_initR18.style.display		=	"block";
}

//======================================================================================//
// R18認証処理																			//
//--------------------------------------------------------------------------------------//
// @param[in]	無し																	//
// @return		無し																	//
//--------------------------------------------------------------------------------------//
function confirmR18()
{
	var	elm_null	=	document.getElementById( "dummy" );
	
	if ( elm_null != null )
	{
		elm_null.style.display		=	"none";
	}
	
	if ( GetCookie( "IsR18" ) == "true" )
	{
		DisplayR18Contents();
	}
	else
	{
		HiddenR18Contents();
		
		var	elm_viewR18		=	document.getElementById( "viewR18" );
		
		elm_viewR18.onmouseover	=	function()
		{
			this.style.color				=	"#DD3300";
		}
		
		elm_viewR18.onmouseout	=	function()
		{
			this.style.color				=	"#336699";
		}
		
		elm_viewR18.onclick		=	function()
		{
			DisplayR18Contents();
			SetCookie( "IsR18", "true" );
		}
	}
}
