var fid = 1;
var _ckey;
function gofile( ckey ) {
  if( ckey ) {
    _ckey = ckey;
  }
  else {
    ckey = _ckey;
  }
  var files = _getel('files');
  var fr = _newel('iframe');
  fr.id = 'fid' + fid;
  fr.frameBorder = null;
  fr.style.border = 0;
  fr.style.height='30px';
  fr.style.width='150px';
  fr.style.padding = '0px';
  fr.style.margin = '0px';
  fr.src = 'about:blank';
  _append( files, fr );
  var doc = fr.contentWindow ? fr.contentWindow.document : fr.contentDocument.document;
  doc.open();
  doc.write('<body bgcolor="ffffff"></body>');
  doc.close();
  fr.src = '/template/wcm/photo_public_up.htm?id=' + fid +'&ckey=' + ckey + '&inst=' + _inst + '&loc=' + _loc;
  fid++;
}

function frc( fr ) {
  fr.style.display = '';
}

var names = [];
var pending = 0;
var pps_done = 0;

function sending( id, file ) {
  pending++;
  _hide( _getel('fid'+id ) );
  var img = _newimg('/template/wcm/imgs/loading.gif' );
  img.align='bottom';
  img.id = 'img' + id;
  var loading = _newel('div');
  loading.id = 'loading' + id;
  names[ id ] = file;
  _append( loading, _newtext('Uploading ' +file+' '), img, _newbr(), _newbr() );
  _insertbefore( _getel( 'fid'+id ), loading );
  gofile();
}

function suball() {
  if( pending != pps_done ) {
    alert('You must wait until the photos you selected are finished attaching');
    return;
  }
  _getel('loc').value = _loc;
  var ref = getq('refresh');
  if(ref) _getel('refresh').value = ref;
  _getel('formall').submit();
}

function getq( $A ) {
 var $B=document.location.href,$C=$B.indexOf('?');if($C){var $D=$A+'=';var $E=$D.length,$F=$B.indexOf($D,$C);
 if($F>=0){$F+=$E;var $G=$B.indexOf('&',$F);if($G<0)return $B.substr($F);else return $B.substring($F,$G);}}
}

function kill( div, nid ) {
  _del( div );
  _CGI = '/template/cgi-bin/wcm/wcm_photos.pl?';
  _xmlquery( killdone, 'pop ckey nid inst', 'deli', _ckey, nid, _inst );
}
function killdone( xml ) {
}

function failframe( id, nid, error ) {
  var div = _getel('loading'+id);
  _clear( div );
  pps_done++;
  alert( error );
}

function doneframe( id, nid, thumb ) {
  //_del( _getel('img'+id) );
  var div = _getel('loading'+id);
  _clear( div );
  var ndiv = _newel('div');
  var i = _newi('hidden');
  i.name = 'picids[]';
  i.value = nid;
  var table = _newtable();
  table.table.style.cssFloat = 'left';
  table.table.style.styleFloat = 'left';
  //table.table.style.width = '100%';
  
  var tr1 = _newtr(3);
  //_append(tr1.td4,_newnbsp());
  if( thumb.substr(0,1) != '/' ) thumb = '/' + thumb;
  var img = _newimg( thumb );
  //_append( tr1.td1, img );
  _append( ndiv, img );
  
  var del = _newicon('/template/wcm/imgs/cross.png');
  del.style.cssFloat = 'left';
  del.style.styleFloat = 'left';
 // _append( tr1.td3, del );
  _append( ndiv, del );
  del.onclick = kill.bind( 0, div, nid );
  
  //img.style.marginRight = '10px';
  img.style.cssFloat = 'left';
  img.style.styleFloat = 'left';
  var br = _newbr();
  br.clear = 'left';
  _append( ndiv, table.table, i, br );
  
  //tr1.td1.rowSpan = 2;
  //tr1.td1.style.width = '80px';
  _append( tr1.td1, _newtext( 'Title:' ) );
  tr1.td1.align='right';
  tr1.td1.style.width = '90px';
  
  var title = _newi('text');
  title.style.width = '200px';
  title.name = 'title'+nid;
  
  _append( tr1.td2, title );
  
  
  var tr2 = _newtr(2);
  _append( tr2.td1, _newtext('Description:') );
  tr2.td1.align='right';
  tr2.td1.vAlign='top';
  var desc = _newel('textarea');
  desc.name = 'desc' + nid;
  desc.style.width='200px';
  desc.style.marginRight = '5px';
  _append( tr2.td2, desc );
  //tr2.td2.style.width='100%';
  _append( table.tbody, tr1.tr, tr2.tr );
  //_append( ndiv, _newtext('Attached: ' + names[ id ] ), i );
  _append( div, ndiv );
  _getel('inst').value = _inst;
  pps_done++;
}