function changeImage( e, width, heigth ) {
  var srcE = ( e.target ? e.target : e.srcElement );
  var src = srcE.getAttribute( 'photo' );
  document.getElementById( 'viewImage' ).src = src;
  document.getElementById( 'viewImage' ).width = width;
  document.getElementById( 'viewImage' ).height = heigth}

function changeImageBig( e ) {
  var srcE = ( e.target ? e.target : e.srcElement );
  var src = srcE.getAttribute( 'photo' );
  document.getElementById( 'big' ).src = src;
}

function calcTypeDisplayChange( e ) {
  var srcE = ( e.target ? e.target : e.srcElement );
  var desttype = ( srcE.value == 'P' ? '§³' : 'Æò' );

  var targets = srcE.parentNode.getElementsByTagName( 'span' );
  for( var i = 0 ; i < targets.length ; i++ ) {
    if( targets[ i ].getAttribute( 'name' ) != 'calcTypeDisplay' ) continue;
    targets[ i ].innerHTML = desttype;
 }
}

function calcExe( e ) {
  var srcE = ( e.target ? e.target : e.srcElement );
  var ipts = srcE.parentNode.getElementsByTagName( 'input' );
  var src = null;
  var dest = null;
  var desttype = document.getElementsByName( 'calcType' )[0];

  for( var i = 0 ; i < ipts.length ; i++ ) {
    if( ipts[ i ].getAttribute( 'name' ) == 'calcSrc' ) src = ipts[ i ];
    if( ipts[ i ].getAttribute( 'name' ) == 'calcDest' ) dest = ipts[ i ];
  }

  if( !src) return;
  if( !dest) return;
  if( !desttype ) return;
  if( !/^[0-9]+.?[0-9]*$/.test( src.value ) ) return alert( 'º¯È¯ÇÒ °ªÀ» ÀÔ·ÂÇØ ÁÖ¼¼¿ä' );

  if( desttype.value == 'P' ) {
    var result = ( parseFloat( src.value ) * 400 / 121 );
    dest.value = Math.round(result);
    return;
 } 
  else if( desttype.value == 'M' ) {
    var result = ( parseFloat( src.value ) * 121 / 400 );
    dest.value = Math.round(result);
    return;
 }
}