// 位置あわせ汎用処理

function DocLayout( strID , strAlignX, strAlignY
                  , dWidth, dHeight, dOffsetX, dOffsetY )
{

    var Xalign = strAlignX.toUpperCase();
    var Yalign = strAlignY.toUpperCase();

    if( !dOffsetX ) dOffsetX = 0;
    if( !dOffsetY ) dOffsetY = 0;


//if ( document.documentElement ) {
//alert(
//  document.documentElement.clientWidth
//+ " " +  document.documentElement.clientHeight
//+ " " +  document.body.clientWidth 
//+ " " +  document.body.clientHeight
//+ " " +  document.all ) ;
//}

    if( document.all ) { 

         if( document.documentElement.clientHeight
          > document.body.clientHeight ) {

var bWidth  =  document.documentElement.clientWidth  ;
var bHeight =  document.documentElement.clientHeight ;

        } else {

var bWidth  =  document.body.clientWidth  ;
var bHeight =  document.body.clientHeight ;

        }

    } else {

var bWidth  =  window.innerWidth  ;
var bHeight =  window.innerHeight ;

    }


// alert( Xalign + " " + Yalign + " " + dWidth + " " + dHeight + " " + bWidth + " " + bHeight + " " + dOffsetX + " " + dOffsetY );


    if( navigator.appName.charAt(0) == "M" ) {


if ( Xalign == "CENTER" ) {
        document.all( strID ).style.left 
        = ( bWidth - dWidth ) / 2 + dOffsetX + "px" ;
} else {
    if ( Xalign == "RIGHT" ) {
        document.all( strID ).style.left 
        = ( bWidth - dWidth ) + dOffsetX + "px" ;
    } else {
        document.all( strID ).style.left =  dOffsetX +"px" ;
    }
}
if ( Yalign == "CENTER" ) {
        document.all( strID ).style.top 
        = ( bHeight- dHeight ) / 2 + dOffsetY + "px" ;
} else {
    if ( Yalign == "BOTTOM" ) {
        document.all( strID ).style.top 
        = ( bHeight- dHeight ) + dOffsetY +"px" ;
    } else {
        document.all( strID ).style.top =  dOffsetY + "px" ;
    }
}


    } else {
        if( navigator.appName.charAt(0) == "N" ) {
            if( document.getElementById ) {


if ( Xalign == "CENTER" ) {
        document.getElementById( strID ).style.left 
        = ( bWidth - dWidth ) / 2 + dOffsetX + "px" ;
} else {
    if ( Xalign == "RIGHT" ) {
        document.getElementById( strID ).style.left 
        = ( bWidth - dWidth ) + dOffsetX + "px" ;
    } else {
        document.getElementById( strID ).style.left =  dOffsetX  +"px";
    }
}
if ( Yalign == "CENTER" ) {
        document.getElementById( strID ).style.top 
        = ( bHeight- dHeight ) / 2 + dOffsetY +"px" ;
} else {
    if ( Yalign == "BOTTOM" ) {
        document.getElementById( strID ).style.top 
        = ( bHeight- dHeight ) + dOffsetY +"px";
    } else {
        document.getElementById( strID ).style.top =  dOffsetY +"px" ;
    }
} 


            } else {


if ( Xalign == "CENTER" ) {
        document.layers[ strID ].left 
        = ( bWidth - dWidth ) / 2 + dOffsetX ;
} else {
    if ( Xalign == "RIGHT" ) {
        document.layers[ strID ].left 
        = ( bWidth - dWidth ) + dOffsetX ;
    } else {
        document.layers[ strID ].left =  dOffsetX ;
    }
}
if ( Yalign == "CENTER" ) {
        document.layers[ strID ].top 
        = ( bHeight- dHeight ) / 2 + dOffsetY ;
} else {
    if ( Yalign == "BOTTOM" ) {
        document.layers[ strID ].top 
        = ( bHeight- dHeight ) + dOffsetY ;
    } else {
        document.layers[ strID ].top =  dOffsetY ;
    }
} 



            }

            
        }
    }


}