//centerFadeIn

function getWidthObj() { //centerFadeInで使用
	
     var dimensions = {width: 0, height: 0};
     
	 if (window.innerWidth && window.innerHeight) {
         dimensions.width = window.innerWidth;
         dimensions.height = window.innerHeight;
     } else if (document.documentElement) {
         dimensions.width = document.documentElement.offsetWidth;
         dimensions.height = document.documentElement.offsetHeight;
     } 
	
     return dimensions;
}


function cf_init() {
	cf_width = new Array();
	cf_height = new Array();
}



function centerFadeIn(id,bgid) {

	eval ('$("#' + id + '").css("z-index",50);');
	eval ('var ow = $("#' + id + '").css("width");');
	eval ('var oh = $("#' + id + '").css("height");');
	
	
	
		ow = ow.substr( 0,ow.indexOf("p") );
		oh = oh.substr( 0,oh.indexOf("p") );
		
		//Opera対策：
		//一度disyplay:noneにするとWIDTH　HEIGHTが0になるので
		//配列に入れておく
		if (typeof cf_width[id] == 'undefined') {
			cf_width[id] = ow;
			cf_height[id] = oh;
		} else {
			ow = cf_width[id];
			oh = cf_height[id];
		}
		
		var scr = new Object();
		scr = getWidthObj();
				
		var xp = scr.width + 0;
		var yp = scr.height + 0;
		
		var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
		
		xp = (xp * 0.5) - (ow * 0.5);
		yp = (yp * 0.5) - (oh * 0.5) + scrollTop;
		eval('$("#' + id + '").css({ left:' + xp + ' });');
		eval('$("#' + id + '").css({ top:' + yp + ' });');

	//Opera対策の処理：display:noneだとwidth,heightが0になってしまう
	//為、cssの最初の設定でdisplay:block,visibility:hiddenにしておき
	//幅の値をとってから、以下の処理で消す
	eval ('$("#' + id + '").css("display","none");');
	eval ('$("#' + id + '").css("visibility","visible");');


		eval('$("#' + bgid + '").fadeTo("normal",0.2);');
		eval ('$("#' + id + '").fadeIn("normal");');

}

function centerFadeOut(id,bgid) {
		eval ('$("#' + id + '").fadeOut("slow");');
		eval ('$("#' + bgid + '").fadeTo("normal",1);');
}

$(function() {
    cf_init();

$("a").click(
	function () {
		var relstr = $(this).attr("rel");
		//rel 未設定の場合の処理
		if (typeof relstr == 'undefined') relstr = '';
		
		//var idstr = relstr.split(":")[1];
		var idstr = relstr.split(":");
		
		//relにcenterFadeInが含まれているなら、IDを抜き出し、実行
		if ( relstr.indexOf("centerFadeIn") != -1 ) {
			//alert( idstr );
			centerFadeIn( idstr[1],idstr[2] );
		} else if ( relstr.indexOf("centerFadeOut") != -1 ) {
			//
			centerFadeOut( idstr[1],idstr[2] );
		}
		
	}
);


});