function initboxes( useimg, xtype ) {
  var top = _getel('listbox');
  _clear(top);
  var div1 = _newel('div');
  var div2 = _newel('div');
  div2.id = 'content';
  
  var tdiv = _newel('div'); tdiv.id = 'atitle';
  if( xtype == 3 ) tdiv.style.height='0px';
  var aimg = _newel('img'); aimg.id='aimg'; //aimg.src='/images/newlist/crime.jpg';
  var idiv = _newel('div'); idiv.id = 'imgtitle';
  _append( idiv, _newnbsp() );
  
  if( useimg ) {
    aimg.src = useimg;
    _append( div1, tdiv, aimg, _newbr(), idiv );
  }
  else _append( div1, tdiv, idiv );
  
  _append( top, div1, div2 );
}
var _ipath;
function loadlist( file, title, useimg, xtype, ipath ) {
  _ipath = ipath;
  initboxes( useimg, xtype );
  var ob = { useimg: useimg, title: title, xtype: xtype };
  _getel('atitle').innerHTML = title;
  if( !xtype ) loadfile( file, loaded.bind( ob ) );
  if( xtype == 1 ) loadfile( file, loadedg.bind( ob ) );
  if( xtype == 2 ) loadfile( file, loadedv.bind( ob ) );
  if( xtype == 3 ) loadfile( file, loadedl.bind( ob ) );
}
function loaded( xml ) {
  var items = xml.item;
  for( var i = 0; i < items.length; i++ ) {
    var item  = items[i];
    var blurb = item.blurb.value;
    var text  = item.text .value;
    var date  = item.date .value;
    var img   = item.img  .value;
    var links = item.link;
    var imgtitle = item.imgtitle ? item.imgtitle.value : '';
    var video = item.video ? item.video.value : '';
    
    var line = newline( blurb, text, date, img, imgtitle, links, video, (i+1)%2, this );
    
    _append( _getel('content'), line.div );
  }
}
function loadedg( xml ) {
  var items = xml.item;
  var goq = getq('story');
  var selq = 0;
  for( var i = 0; i < items.length; i++ ) {
    var item  = items[i];
    var blurb = item.name .value;
    var text  = item.story.value;
    var date  = item.date .value;
    var img   = item.photo.value;
    if( img ) img = _ipath + img;
    //var links = item.link;
    var imgtitle = item.photocaption ? item.photocaption.value : '';
    //var video = item.video ? item.video.value : '';
    
    var line = newline( blurb, text, date, img, imgtitle, 0, 0, (i+1)%2, this );
    if( goq && item.id.value == goq ) selq = line;
    
    _append( _getel('content'), line.div );
  }
  if( selq ) {
    var clk = click.bind( selq, selq.div );
    clk();
  }
}
function loadedv( xml ) {
  var items = xml.item;
  for( var i = 0; i < items.length; i++ ) {
    var item  = items[i];
    var blurb = item.title.value;
    var text  = item.story.value;
    var date  = item.date .value;// we need to get date from unix timestamp
    var dob = new Date( date * 1000 );
    //date = dateob.toGMTString();
    date = (dob.getMonth()+1)+'-'+dob.getDate()+'-'+dob.getFullYear();
    
    var img   = item.thumb.value;
    //var links = item.link;
    //var imgtitle = item.imgtitle ? item.imgtitle.value : '';
    var video = item.file ? item.file.value : '';
    
    var line = newline( blurb, text, date, img, '', 0, video, (i+1)%2, this );
    _append( _getel('content'), line.div );
  }
}
function loadedl( xml ) { // weblinks
  var items = xml.item;
  for( var i = 0; i < items.length; i++ ) {
    var item  = items[i];
    var blurb = item.name.value;
    var text  = item.linkinfo.value;
    var date  = item.date .value;// we need to get date from unix timestamp
    
    var line = newline( blurb, text, date, '', '', 0, '', (i+1)%2, this );
    
    _append( _getel('content'), line.div );
  }
}

function newline( blurb, text, date, img, imgtitle, links, video, odd, ops ) {
  var ob = { vis: 0, odd: odd, img: img, imgtitle: imgtitle, ops: ops };
  var div = _newdiv('aline'+(odd?' odd':''));
  ob.div = div;
  var dated = _newdiv('date');
  _append( dated, _newtext( date ) );
  _append( div, dated );
  var span = _newel('div');
  span.className = 'blurb';
  if( ops.xtype == 2 ) {
    var dimg = _newimg('/images/minus.gif');
    ob.dimg = dimg;
    _append( span, dimg, _newnbsp(), _newtext( blurb ) );
  }
  else _append( span, _newtext( blurb ) );
  _append( div, span );
  
  div.onmouseover = over.bind( ob, div );
  div.onmouseout = out.bind( ob, div );
  div.onclick = click.bind( ob, div );
  div.style.cursor = 'pointer';
  
  var story = _newdiv('story');
  _hide( story );
  
  if( video && video != 'none' ) {
    var vl = _newdiv('vidlink');
    vl.onclick = playvid.bind(0,video);
    //vl.href = "javascript:playvid('"+video+"');";
    var img = _newimg('play.gif');
    img.border = 0;
    _append( vl, img, _newnbsp(), _newtext( 'Play Video' ) );
    _append( story, vl, _newbr() );
  }
  
  //_append( story, _newtext( text ) );
  if( text ) {
    var sdiv = _newel('div');
    _append( story, sdiv );
    sdiv.innerHTML = text;
  }
  
  ob.story = story;
  _append( div, story );
  story.onclick = golink; // to disable collapse
  story.style.cursor = 'text';
  
  if( links ) {
    _append( story, _newbr(), _newbr(), _newtext('Links:'), _newbr() );
    for( var i=0;i<links.length;i++ ) {
      var link = links[i];
      var title = link.title.value;
      var href = link.href.value;
      var a = _newel('a');
      _append( a, _newtext( title ) );
      a.href = href;
      a.target = '_blank';
      //a.onclick = golink;
      _append( story, a, _newbr() );
    }
  }
  
  return ob;
}
function golink() {
  ignore = 1;
}
function activate( ob ) {
  if( ob.ops.useimg ) _getel('aimg').src = ob.img;
  var title = _getel('imgtitle');
  if( ob.imgtitle ) title.innerHTML = ob.imgtitle;
  else title.innerHTML = '&nbsp;';
}
var ignore = 0;

function click( div ) {
  if( ignore ) {
    ignore = 0;
    return;
  }
  if( this.vis ) {
    _hide( this.story );
    if( this.dimg ) this.dimg.src = '/images/newlist/minus.gif';
  }
  else {
    activate( this );
    _show( this.story );
    if( this.dimg ) this.dimg.src = '/images/newlist/plus.gif';
  }
  this.vis = !this.vis;
}
function over( div ) {
  div.className = 'alineover';
  //activate( this );
  
}
function out( div ) {
  div.className = 'aline'+(this.odd?' odd':'');
}

function playvid( video ) {
  //ignore = 1;
  //alert('Playing ' + video);
  playFlashVideo( video );
}

function playFlashVideo( file ) {
	vidPaneID = document.getElementById('vidPane');
  vidPaneID.style.display='block';
  vidPaneID.innerHTML='';
  file = 'kabb/'+file;
  var url = '/template/flashplayers/streamplayer.swf?stream='+file+'&autostart=true&showcontrols=true';
	var vidstring ='<object type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" data="'+url+'" width="320" height="260" wmode="transparent">';
	vidstring +='<param name="movie" value="'+url+'" />';
	vidstring +='<embed src="'+url+'" width="320" height="260" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	vidstring +='</object>';
	vidPaneID.innerHTML+=vidstring;
}
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);}}
}