function rsw_pop(){
	
	$('r_transWrapper').style.display = 'block';
	$('r_transInner').style.display = 'block';
	$('r_transClose').style.display = 'block';
	
	// ブラウザ可視領域取得
	var BrowserVisibleWidth = YAHOO.util.Dom.getViewportWidth();
	var BrowserVisibleHeight = YAHOO.util.Dom.getViewportHeight();
	
	// トランスペアレント上に表示する枠の領域取得
	var transInnerWidth = $('r_transInner').offsetWidth;
	var transInnerHieght = $('r_transInner').offsetHeight;
	
	// トランスペアレントの下に表示されているコンテンツの縦横値取得
	var transMainWidth = $('mainWrapper').offsetWidth;
	var transMainHeight = $('mainWrapper').offsetHeight;

	//alert(transMainWidth + ':' + transMainHeight);
	
	// トランスペアレント上に表示する枠の左余白計算
	var PositionContentsX = (BrowserVisibleWidth - transInnerWidth) / 2;
	
	// フェードインアニメーションのコール
	rsw_fadein(PositionContentsX, transMainWidth, transMainHeight);
	
}

function rsw_fadein(PositionContentsX, transMainWidth, transMainHeight){
	
	YAHOO.util.Dom.setStyle('r_transWrapper', 'height', transMainHeight + 'px');
	
	var rsw_transWrapper = new YAHOO.util.Motion('r_transWrapper', {
		opacity:{ from: 0, to: 0.8 }
	}, 1);

	rsw_transWrapper.onStart.subscribe(function(){
		/* Images View Area */
		$('r_transWrapper').style.visibility = 'visible';
		
		var rsw_transInner = new YAHOO.util.Motion('r_transInner', {
			opacity:{ from: 0, to: 1 }
		}, 1);

		rsw_transInner.onStart.subscribe(function(){
			var transInnerHiehgt = $('r_transInner').offsetHeight;
			
			if(transInnerHiehgt > transMainHeight){
				transMainHeight = transInnerHiehgt + 30;
				YAHOO.util.Dom.setStyle('r_transWrapper', 'height', transMainHeight + 'px');
			}
		});

		rsw_transInner.onTween.subscribe(function(){
			$('r_transClose').style.visibility = 'visible';
			$('r_transInner').style.visibility = 'visible';
			YAHOO.util.Dom.setStyle('r_transClose', 'top', '30px');
			YAHOO.util.Dom.setStyle('r_transClose', 'left', $('r_transInner').offsetWidth + PositionContentsX + 'px');		
			YAHOO.util.Dom.setStyle('r_transInner', 'top', '30px');
			YAHOO.util.Dom.setStyle('r_transInner', 'left', PositionContentsX + 'px');
		});
		
		rsw_transInner.animate();
	});
	
	rsw_transWrapper.onTween.subscribe(function(){
	});
	
	rsw_transWrapper.onComplete.subscribe(function(){
	});
	
	rsw_transWrapper.animate();
	
}

function rsw_fadeout(PositionContentsX){
	
	var rsw_transWrapper = new YAHOO.util.Motion('r_transWrapper', {
		opacity:{ from: 0.8, to: 0 }
	}, 1);

	rsw_transWrapper.onStart.subscribe(function(){
		/* Images View Area */
		var rsw_transInner = new YAHOO.util.Motion('r_transInner', {
			opacity:{ from: 1, to: 0 }
		}, 1);
		
		rsw_transInner.animate();
	});
	
	rsw_transWrapper.onTween.subscribe(function(){
	});
	
	rsw_transWrapper.onComplete.subscribe(function(){
		$('r_transClose').style.visibility = 'hidden';
		$('r_transInner').style.visibility = 'hidden';
		$('r_transWrapper').style.visibility = 'hidden';
		$('r_transClose').style.display = 'none';
		$('r_transInner').style.display = 'none';
		$('r_transWrapper').style.display = 'none';
	});
	
	rsw_transWrapper.animate();
	
}

function windowScrollPosition(){
	if($('r_transWrapper').style.display == 'block'){
		var BrowserVisibleWidth = YAHOO.util.Dom.getViewportWidth();
		var BrowserVisibleHeight = YAHOO.util.Dom.getViewportHeight();
		var visiblePositionX = document.body.scrollLeft || document.documentElement.scrollLeft;
		var visiblePositionY = document.body.scrollTop || document.documentElement.scrollTop;
		
		var ViewLayerWidth = $('mainWrapper').offsetWidth;
		var ViewLayerHeight = $('mainWrapper').offsetHeight;
		
		YAHOO.util.Dom.setStyle('r_transWrapper', 'width', visiblePositionX + BrowserVisibleWidth + 'px');
		
		var scrollPositionX = (BrowserVisibleWidth - $('r_transInner').offsetWidth) / 2;
		var scrollPositionY = visiblePositionY + $('r_transInner').offsetHeight;
		
		if(BrowserVisibleWidth > $('r_transInner').offsetWidth){
			YAHOO.util.Dom.setStyle('r_transInner', 'left', visiblePositionX + scrollPositionX + 'px');
		}
		
		if(BrowserVisibleHeight > $('r_transInner').offsetHeight){
			if(scrollPositionY < ViewLayerHeight){
				YAHOO.util.Dom.setStyle('r_transInner', 'top', visiblePositionY + 30 + 'px');
			}
		}
		
		YAHOO.util.Dom.setStyle('r_transClose', 'left', $('r_transInner').offsetWidth + scrollPositionX + 'px');
		YAHOO.util.Dom.setStyle('r_transClose', 'top', visiblePositionY + 30 + 'px');
	}
}

window.onscroll = windowScrollPosition;
window.onresize = windowScrollPosition;