//////////////////////////////
// ペンマークポップアップ
//////////////////////////////

var popups = {
	popup01: false,
	popup02: false,
	popup03: false,
	popup04: false,
	popup05: false,
	popup06: false,
	popup07: false,
	popup08: false,
	popup09: false
};

function openP( objName ) {
	closeAll( objName );

	if (!popups[objName]) {
		if ( document.getElementById ) {
			document.getElementById( objName ).style.visibility = 'visible';

			if ( objName == 'popup03' ) {
				document.getElementById( 'examProgress' ).style.visibility = 'hidden';
			}
			if ( objName == 'popup04' ) {
				document.getElementById( 'shim04' ).style.width = document.getElementById( 'popup04' ).offsetWidth + 'px';
				document.getElementById( 'shim04' ).style.height = document.getElementById( 'popup04' ).offsetHeight + 'px';
				document.getElementById( 'shim04' ).style.visibility = 'visible';
			}

		} else if ( document.all ) {
			document.all( objName ).style.visibility = 'visible';
			if ( objName == 'popup03' ) {
				document.all( 'examProgress' ).style.visibility = 'hidden';
			}
			if ( objName == 'popup04' ) {
				document.all( 'shim04' ).style.visibility = 'visible';
			}
		} else if ( document.layers ) {
			document.layers[ objName ].visibility = 'show';
		}
		popups[objName] = true;
	} else {
		popups[objName] = false;
	}

	return false;
}

function closeP( objName ) {
	if ( document.getElementById ) {
		document.getElementById( objName ).style.visibility = 'hidden';
		document.getElementById( 'examProgress' ).style.visibility = 'visible';
		document.getElementById( 'ageUnit' ).style.visibility = 'visible';
		document.getElementById( 'shim04' ).style.visibility = 'hidden';
	} else if ( document.all ) {
		document.all( objName ).style.visibility = 'hidden';
		document.all( 'examProgress' ).style.visibility = 'visible';
		document.all( 'ageUnit' ).style.visibility = 'visible';
		document.all( 'shim04' ).style.visibility = 'hidden';
	} else if ( document.layers ) {
		document.layers[ objName ].visibility = 'hide';
		document.layers[ 'examProgress' ].style.visibility = 'show';
		document.layers[ 'ageUnit' ].style.visibility = 'show';
		document.layers[ 'shim04' ].visibility = 'hide';
	}
	popups[objName] = false;
	return false;
}

function moveP( objName , x , y ) {
	if ( document.all ) {
		var obj = document.all( objName );
		obj.style.pixelLeft = obj.style.pixelLeft + x;
		obj.style.pixelTop  = obj.style.pixelTop + y;
	} else if ( document.getElementById ) {
		var obj = document.getElementById( objName );
		obj.style.left = ( obj.style.left + x ) + 'px';
		obj.style.top  = ( obj.style.top + y ) + 'px';
	} else if ( document.layers ) {
		document.layers[ objName ].moveTo( x , y );
	}
}

function closeAll( objName ) {
	for (var i in popups) {
		document.getElementById( i ).style.visibility = 'hidden';
		if ( i != objName ) {
			popups[i] = false;
		}
	}
	if ( document.getElementById ) {
		document.getElementById( 'examProgress' ).style.visibility = 'visible';
		document.getElementById( 'ageUnit' ).style.visibility = 'visible';
		document.getElementById( 'shim04' ).style.visibility = 'hidden';
	} else if ( document.all ) {
		document.all( 'examProgress' ).style.visibility = 'visible';
		document.all( 'ageUnit' ).style.visibility = 'visible';
		document.all( 'shim04' ).style.visibility = 'hidden';
	} else if ( document.layers ) {
		document.layers[ 'examProgress' ].style.visibility = 'show';
		document.layers[ 'ageUnit' ].style.visibility = 'show';
		document.layers[ 'shim04' ].visibility = 'hide';
	}
}
		//shimの設定
		function setShim(obj){
			var shim = document.getElementById('shim');
			//objと位置、サイズを合わせる
			shim.style.left = obj.style.left;
			shim.style.top = obj.style.top;
			shim.style.width = obj.offsetWidth;
    			shim.style.height = obj.offsetHeight;
    			shim.style.display = 'block';
		}