function volare_pop(url){
	
	$('v_transWrapper').style.display = 'block';
	$('v_transInner').style.display = 'block';
	
	// 該当ファイルのロード
	getPage(url);
	
	// ブラウザ可視領域取得
	var BrowserVisibleWidth = YAHOO.util.Dom.getViewportWidth();
	var BrowserVisibleHeight = YAHOO.util.Dom.getViewportHeight();
	
	// トランスペアレント上に表示する枠の領域取得
	var transInnerWidth = $('v_transInner').offsetWidth;
	var transInnerHieght = $('v_transInner').offsetHeight;
	
	// トランスペアレントの下に表示されているコンテンツの縦横値取得
	var transMainWidth = $('mainContents').offsetWidth;
	var transMainHeight = $('mainContents').offsetHeight;
	
	//alert(transMainWidth + ':' + transMainHeight);
	
	// トランスペアレント上に表示する枠の左余白計算
	PositionContentsX = (BrowserVisibleWidth - transInnerWidth) / 2;
	
	// フェードインアニメーションのコール
	volare_fadein(PositionContentsX, transMainWidth, transMainHeight);
	
	windowScrollPosition();
	
}

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

	volare_transWrapper.onStart.subscribe(function(){
		/* Images View Area */
		$('v_transWrapper').style.visibility = 'visible';
		
		var volare_transInner = new YAHOO.util.Motion('v_transInner', {
			opacity:{ from: 0, to: 1 }
		}, 1);
		
		volare_transInner.onTween.subscribe(function(){
			$('v_transInner').style.visibility = 'visible';
			YAHOO.util.Dom.setStyle('v_transInner', 'left', PositionContentsX);
		});
		
		volare_transInner.animate();
	});
	
	volare_transWrapper.onTween.subscribe(function(){
	});
	
	volare_transWrapper.onComplete.subscribe(function(){
	});
	
	volare_transWrapper.animate();
	
}

function volare_fadeout(PositionContentsX){
	
	var volare_transWrapper = new YAHOO.util.Motion('v_transWrapper', {
		opacity:{ from: 0.8, to: 0 }
	}, 1);

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

function windowScrollPosition(){
	if($('v_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 = $('mainContents').offsetWidth;
		var ViewLayerHeight = $('mainContents').offsetHeight;
		
		YAHOO.util.Dom.setStyle('v_transWrapper', 'width', visiblePositionX + BrowserVisibleWidth + 'px');
		
		var scrollPositionX = (BrowserVisibleWidth - $('v_transInner').offsetWidth) / 2;
		var scrollPositionY = visiblePositionY + $('v_transInner').offsetHeight;
		
		if(BrowserVisibleWidth > $('v_transInner').offsetWidth){
			YAHOO.util.Dom.setStyle('v_transInner', 'left', visiblePositionX + scrollPositionX + 'px');
		}
		
		if(BrowserVisibleHeight > $('v_transInner').offsetHeight){
			if(scrollPositionY < ViewLayerHeight){
				YAHOO.util.Dom.setStyle('v_transInner', 'top', visiblePositionY + 30 + 'px');
			}
		}
	}
}

// HTMLのインクルード
function getPage(url) {
	var id = 'v_transInner';
	var options = {};
	options.method = "get";
	options.asynchronous = false;
	options.evalScripts = true;
	new Ajax.Updater(id, url, options);
}

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