// template scripts

// relative paths
var upA = '../';
var upB = '../../';
function dispPerson() {
  include(upB+'js/tabber.js');
  dispTop(upB);
  dispNav(upB,upB+'research/',upB+'people/');
  dispBan();
  dispPBody();
  dispFooter(upB);
}

function dispPBody() {
document.write('<div id="bodymain">');
document.write('  <div class="left_vr"></div>');
document.write('  <div class="twocol_narrowleft">');
document.write('    <div class="subcontent">');
list(info);
document.write('    </div>');
document.write('  </div>');
document.write('  <div class="left_vr"></div>');
document.write('  <div class="twocol_wideright">');
document.write('    <div class="maincontent">');
dispTabs();
document.write('    </div>');
document.write('  </div>');
document.write('<div class="right_vr"></div>');
document.write('</div>');
}

function dispProject() {
  include(upB+'js/tabber.js');
  dispTop(upB);
  dispNav(upB,upB+'research/',upB+'people/');
  dispBan();
  dispTitleDiv();
  startOneColBody();
  dispTabs();
  endOneColBody();
  dispFooter(upB);
}

function dispOneColTemplate() {
  dispTop();
  dispNav();
  dispBan();
  dispTitleDiv();
  startOneColBody();
  // content here
  document.write(oneColText);
  endOneColBody();
  dispFooter();
} 

function dispHome() {
  dispTop('');
  dispNav('','research/','people/');
  dispBan();
  dispTitleDiv();
  dispHomeBody();
  dispFooter('');
}

function dispHomeBody() {
document.write('  <div id="bodymain">');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_wideleft">');
document.write('        <div class="maincontent">');
dispHome_lftCol();
document.write('        </div>');
document.write('	  </div>');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_narrowright">');
dispHome_rtCol();
document.write('	  </div>');
document.write('	  <div class="right_vr"></div>');
document.write('  </div>');
}

function dispHome_lftCol() {
   document.write('<h4>Welcome</h4>');
   
   document.write('<p>Welcome to the <b>Actuated, Sensing, Coordinated ');
   document.write('and Embedded Networked Technologies (ASCENT)</b> Lab at University of California, Los Angeles (UCLA). Our lab collaborates ');
   document.write('with the <a href="http://research.cens.ucla.edu">Center for Embedded Networked Sensing (CENS)</a>. ');
   document.write('Our multi-disciplinary research spans the areas of acuated sensing, medical devices, and embedded sensing platforms. ');
   document.write('To learn more about our work, please link to the different projects listed below. ');
   document.write('</p>');
   document.write('<p>Our lab director is Professor <a href="http://www.ee.ucla.edu/faculty-kaiser.htm">William J. Kaiser</a>, ');
   document.write('Electrical Engineering Professor at UCLA.');
   
   document.write('<h4>Research Projects</h4>');
   
   document.write('<h5>Low Power Energy Aware Processing (LEAP)</h5>');
   document.write('	<ul>');
   document.write('		<li>LEAP is based on hardware and software system architectural partitioning that seeks to assign the highest energy efficiency components to each Embedded Networked Sensing (ENS) platform task.</li>');
   document.write('	</ul>');
   document.write('<h5><a href="research/medic/index.htm">Medical Embedded Devices for Individualized Care (MEDIC)</a></h5>');
   document.write('	<ul>');
   document.write('		<li>MEDIC provides individuals an assisted self-monitoring capability that enables them and the healthcare enterprise to be aware of impending health risks, allowing access to the average traditionally inaccessible individual with a focus on early detection of medical condition followed by individually optimized treatment recommendations that may forestall or prevent serious disease.</li>');
   document.write('	</ul>');
   document.write('<h5><a href="research/multiscale/index.htm">Multiscale Sensing</a></h5>');
   document.write('	<ul>');
   document.write('		<li>Multiscale sensing is based on a hierarchical system that enables autonomous arrangement of sensors with the objective of optimizing sensing fidelity, spatial coverage, and mobility characteristics.</li>');
   document.write('	</ul>');
   document.write('<h5><a href="research/nims/index.htm">Networked InfoMechanical Systems (NIMS)</a></h5>');
   document.write('	<ul>');
   document.write('		<li>NIMS actuated sensing applications have appeared immediately in terrestrial and aquatic, and Contaminant Observation and Management applications. The new systems include <a href="research/nimsrd/index.htm">Rapidly Deployable NIMS (NIMS-RD)</a>, <a href="research/nims3d/index.htm">NIMS-3D</a> and <a href="research/nimsaq/index.htm">Aquatic NIMS (NIMS-AQ)</a>.</li>');
   document.write('	</ul>');   
}

function dispHome_rtCol() {
  document.write('		  <h4>News and Events</h4>');
  dispNewsItems();
}

// ************XML GLOBALS************//
var xmlDoc;
var dates=new Array();
var titles=new Array();
var links=new Array();
var descs=new Array();
var _itemDispCount=5; // number of items to display

// **********************************//
function dispNewsItems() {
  parseXML();
  for (i=0; i < dates.length; i++) {
    document.write('<div class="news_item">');
    document.write('<p class="date">' + dates[i] + '</p>');
    document.write('<h5>' + titles[i] + '</h5>');
    document.write('<p class="desc">' + descs[i] + ' ');
    if (links[i] != "none")
      document.write('<a href="' + links[i] + '">[Link]</a></p>');
    document.write('</div>');
  }
}

function parseXML() {
  // code for IE
  if (window.ActiveXObject) {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async=false;
    xmlDoc.load("ascent.xml");
  }
  // code for Mozilla, Firefox, Opera, etc.
  else if (document.implementation && document.implementation.createDocument) {
    xmlDoc=document.implementation.createDocument("","",null);
    xmlDoc.async=false;
    xmlDoc.load("ascent.xml");
  } else {
    alert('Your browser does not support xml news feeds. We recommend the latest versions of Mozilla and Internet Explorer.');
  }
  
  var maxItems;
  if (xmlDoc.getElementsByTagName('item').length < _itemDispCount)
    maxItems = xmlDoc.getElementsByTagName('item').length;
  else
    maxItems = _itemDispCount;
  
  // retrieve dates, titles, links, descriptions - store in arrays
  for(var i=0; i < maxItems; i++) {
    if(xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('date').length==1)
      dates[i]=xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('date')[0].childNodes[0].nodeValue;
    if(xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('title').length==1)
      titles[i]=xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('title')[0].childNodes[0].nodeValue;
    if(xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('link').length==1)
      links[i]=xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('link')[0].childNodes[0].nodeValue;
    if(xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('description').length==1)
      descs[i]=xmlDoc.getElementsByTagName('item')[i].getElementsByTagName('description')[0].childNodes[0].nodeValue;
  }
}

function disp2ColWideLeftTemplate() {
  dispTop();
  dispNav();
  dispBan();
  dispTitleDiv();
  disp2ColWideLeft();
  dispFooter();
}

function disp2ColWideRightTemplate() {
  dispTop();
  dispNav();
  dispBan();
  dispTitleDiv();
  disp2ColWideRight();
  dispFooter();
}

function dispTop(relPath) {
document.write('  <div id="ascentnav">');
document.write('      <div id="ascentnavlinks">');
document.write('        <a href="http://www.ascent.ucla.edu/">Home</a> :: <a href="mailto:kaiserlab@cens.ucla.edu">Contact</a>');
document.write('      </div>');
document.write('  </div>');
}

function dispNav(mPath,projPath,peopPath) {
document.write('<div id="navmenu">');


// Research Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="">Research</a>');
document.write('<ul>');

document.write('<li><a href="#">Wireless Health</a>');
	document.write('<ul>');
	document.write('<li><a href="'+projPath+'medic/index.htm">MEDIC</a></li>');
	document.write('<li><a href="'+projPath+'smartcane/index.htm">SmartCane</a></li>');
	document.write('<li><a href="'+projPath+'uleap/index.htm">ULEAP</a></li>');
	document.write('</ul>');
document.write('</li>');

document.write('<li><a href="'+projPath+'nims/index.htm">NIMS</a>');
	document.write('<ul>');
	document.write('<li><a href="'+projPath+'nims3d/index.htm">NIMS-3D</a></li>');
	document.write('<li><a href="'+projPath+'nimsaq/index.htm">NIMS-AQ</a></li>');
	document.write('<li><a href="'+projPath+'nimsrd/index.htm">NIMS-RD</a></li>');
	document.write('<li><a href="'+projPath+'multiscale/index.htm">MultiScale</a></li>');
	document.write('</ul>');
document.write('</li>');

document.write('<li><a href="'+mPath+'mediawiki/">LEAP</a>');

document.write('<li><a href="http://hp3i.sourceforge.net/">3I</a></li>');
document.write('</ul>');
document.write('</li>');
document.write('</ul>');

// People Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="">People</a>');
document.write('<ul>');
document.write('<li><a href="">Faculty</a>');
document.write('<ul>');
document.write('<li><a href="http://www.ee.ucla.edu/faculty-kaiser.htm">William Kaiser</a></li>');
document.write('</ul>');
document.write('<li><a href="">MS Students</a>');
document.write('<ul>');
document.write('</li>');
document.write('<li><a href="'+peopPath+'victor/index.htm">Victor Chen</a></li>');
document.write('</ul>');
document.write('</li>');
document.write('<li>');
document.write('<a href="">PhD Students</a>');
document.write('<ul>');
document.write('<li><a href="'+peopPath+'lawrence/index.htm">Lawrence Au</a></li>');
document.write('<li><a href="'+peopPath+'Diane_Budzik/index.htm">Diane Budzik</a></li>');
document.write('<li><a href="'+peopPath+'Christine/index.htm">Christine M. Lee</a></li>');
document.write('<li><a href="'+peopPath+'asingh/index.htm">Amarjeet Singh</a></li>');
document.write('<li><a href="'+peopPath+'Henrik/index.htm">Henrik Borgstrom</a></li>');
document.write('</ul>');
document.write('</li>')

document.write('<li><a href="">Researchers</a>');
document.write('<ul>');
document.write('<li><a href="http://cens.ucla.edu/~maxim">Maxim Batalin</a></li>');
document.write('<li><a href="http://lecs.cs.ucla.edu/~thanos/">Thanos Stathopoulos</a></li>');
document.write('</ul>');
document.write('</li>')

document.write('<li>');
document.write('<a href="">Alums</a>');
document.write('<ul>');
document.write('<li><a href="'+peopPath+'winston/index.html">Winston Wu</a></li>');
document.write('<li><a href="'+peopPath+'stealey/index.htm">Michael J. Stealey</a></li>');
document.write('<li><a href="'+peopPath+'brett/index.htm">Brett Jordan</a></li>');
document.write('</ul>');
document.write('</ul>');
document.write('</li>');
document.write('</ul>');

// Publications Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="'+projPath+'publications/index.htm">Publications</a>');
document.write('</li>');
document.write('</ul>');

// Education Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="">Teaching</a>');
document.write('<ul>');
document.write('<li><a href="">Undergraduate</a>');
document.write('<ul>');
document.write('<li><a href="http://www.eeweb.ee.ucla.edu/classinfo.php?/ee180D/1/fall/7">EE 180D</a></li>');
document.write('</ul>');
document.write('</li>');
document.write('<li><a href="">Graduate</a>');
document.write('<ul>');
document.write('<li><a href="http://www.eeweb.ee.ucla.edu/grad/classinfo.php?/ee209S/1/winter/8">EE 202C (EE 209S)</a></li>');
document.write('</ul>');
document.write('</ul>');
document.write('</li>');
document.write('</ul>');

// Facilities Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="">Facilities</a>');
document.write('<ul>');
document.write('<li><a href="http://research.cens.ucla.edu/">CENS</a></li>');
document.write('<li><a href="http://www.wirelesshealth.ucla.edu/">UCLA Wireless Health</a></li>');
document.write('</ul>');
document.write('</ul>');
document.write('</li>');
document.write('</ul>');

// Wiki Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="">Wiki</a>');
document.write('<ul>');
document.write('<li><a href="'+mPath+'wiki/">ASCENT Wiki</a></li>');
document.write('<li><a href="'+mPath+'mediawiki/">LEAP Wiki</a></li>');
document.write('</ul>');
document.write('</li>');
document.write('</ul>');

// ASCENT Tab
document.write('<ul>');
document.write('<li>');
document.write('<a href="http://www.ascent.ucla.edu/">-- Home --</a>');
document.write('</li>');
document.write('</ul>');
document.write('</div>');

}

function dispBan() {
document.write('  <div id="topbann">');
document.write('  <img src="' + imgpath + '" alt="Welcome to ASCENT Web" />');
document.write('  </div>');
}

function dispTitleDiv() {
document.write('  <div id="innerdiv">');
document.write('    <h4>' + title + '</h4>');
document.write('  </div>');
}

function startOneColBody() {
document.write('  <div id="bodymain">');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="onecol">');
}

function disp2ColWideLeft() {
document.write('  <div id="bodymain">');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_wideleft">');
document.write('      <p>Coming soon...</p>');
document.write('	  </div>');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_narrowright">');
document.write('	    <ul>');
document.write('		  <li>Coming soon...</li>');
document.write('		  <li>Recent News</li>');
document.write('		  <li>Upcoming vents</li>');
document.write('		  <li>Recent publications</li>');
document.write('		</ul>');
document.write('	  </div>');
document.write('	  <div class="right_vr"></div>');
document.write('  </div>');
}

function disp2ColWideRight() {
document.write('  <div id="bodymain">');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_narrowleft">');
document.write('	    <ul>');
document.write('		  <li>Coming soon...</li>');
document.write('		  <li>Recent News</li>');
document.write('		  <li>Upcoming vents</li>');
document.write('		  <li>Recent publications</li>');
document.write('		</ul>');
document.write('	  </div>');
document.write('	  <div class="left_vr"></div>');
document.write('	  <div class="twocol_wideright">');
document.write('      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent sit');
document.write('        amet neque. Vestibulum ac dolor. Donec at nulla. Pellentesque interdum');
document.write('        nunc eu justo. Nulla at eros. Duis bibendum. Aliquam metus. Sed sit amet');
document.write('        sem. Sed vulputate turpis ut libero. Duis molestie. Donec eu dui quis');
document.write('        libero scelerisque vestibulum. Etiam vitae nunc quis pede aliquet accumsan.');
document.write('        Nulla accumsan aliquet velit. Nam venenatis, nunc at venenatis aliquam,');
document.write('        urna arcu condimentum lorem, at faucibus odio nisl et odio.</p>');
document.write('	  </div>');
document.write('	  <div class="right_vr"></div>');
document.write('  </div>');
}

function endOneColBody() {
document.write('	  </div>');
document.write('	  <div class="right_vr"></div>');
document.write('  </div>');
}

function dispTabs() {
document.write('<div class="tabber">');
var i = 0;
for (i=0; i < tabText.length; i++) {
     document.write('<div class="tabbertab">');
     document.write('<h2>' + tabHeads[i] + '</h2>');
     document.write(tabText[i]);
     document.write('</div>');
}            
document.write('        </div>');
}

function list(txt) {
var i = 1;
var x = 'null';
document.write('<h2>' + txt[0] + '</h2>');
document.write('<ul>');
for (i=1; i < txt.length; i++) {
    document.write('<li>' + txt[i] + '</li>');
}            
document.write('</ul>');
}

function list2(txt) {
document.write('<ul class="inline">');
for (var i=0; i < txt.length; i++) {
    document.write('<li>' + txt[i] + '</li>');
}            
document.write('</ul>');
}

function dispFooter(relPath) {
document.write('  <div id="footer">');
document.write('    <ul>');
document.write('      <li><a href="http://research.cens.ucla.edu">CENS</a> :</li>');
document.write('	  <li><a href="http://www.ucla.edu">UCLA</a><img src="' + relPath + 'images/bulletblue.gif" alt="" width="10" height="12" /></li>');
document.write('	  <li><a href="http://www.usc.edu">USC</a><img src="' + relPath + 'images/bulletblue.gif" alt="" width="10" height="12" /></li>');
document.write('	  <li><a href="http://www.ucr.edu">UCR</a><img src="' + relPath + 'images/bulletblue.gif" alt="" width="10" height="12" /></li>');
document.write('	  <li><a href="http://www.ucm.edu">UCM</a><img src="' + relPath + 'images/bulletblue.gif" alt="" width="10" height="12" /></li>');
document.write('	  <li><a href="http://www.caltech.edu">CALTECH</a></li>');
document.write('    </ul>');
document.write('  </div>');
}

function include(file) {
  var script  = document.createElement('script');
  script.src  = file;
  script.type = 'text/javascript';
  document.getElementsByTagName('head').item(0).appendChild(script);
}