var num = 0;
var tabs_v = new Array();
var refs_v = new Array();
var numtabs_i = 0;

tabs_v[numtabs_i]="Home";         refs_v[numtabs_i]='/index.html';        numtabs_i++;
tabs_v[numtabs_i]="Projects";     refs_v[numtabs_i]='/projects.html';     numtabs_i++;
tabs_v[numtabs_i]="Publications"; refs_v[numtabs_i]='/publications.html'; numtabs_i++;
tabs_v[numtabs_i]="Videos";       refs_v[numtabs_i]='/videos.html';       numtabs_i++;
tabs_v[numtabs_i]="Bio";          refs_v[numtabs_i]='/bio.html';          numtabs_i++;
tabs_v[numtabs_i]="Easter Egg";   refs_v[numtabs_i]='/easteregg.html';    //numtabs_i++;

var html_header1 = '\
<div id="wrapper"> \
  <div id="header" class="container"> \
    <div id="logo"> \
      <h1>lelaps</h1> \
      <p>Hernan Badino&#39;s Homepage</p> \
    </div> \
    <div id="menu"> \
      <ul>';

var html_header2 = '\
      </ul> \
    </div> <!-- menu --> \
  </div> <!-- end id header --> \
  <div id="page"> \
    <div id="content">\n';

var html_footer1 = '\
    </div> <!-- content --> \
    <div id="sidebar"> \
      <ul> \
        <li> \
          <h2><a href="http://www.lelaps.de/">http://www.lelaps.de</a></h2> \
          <p><a href="http://www.theoi.com/Ther/KuonLailaps.html">Laelaps</a> is the name of a dog involved in the myth of Procris and Cephalus. It ended up converted into stone together with the Teumessian fox, which was destined to never be caught. \
        </li> \
        <li> \
          <h2>Related Links</h2> \
          <ul> \
            <li><a href="http://www.youtube.com/user/hbadino">My YouTube Channel</a></li> \
            <li><a href="http://scholar.google.com/scholar?q=hernan+badino">Google Scholar</a></li> \
            <li><a href="http://www.ri.cmu.edu/person.html?type=interests&person_id=2140">HB@cmu</a></li> \
            <li><a href="http://academic.research.microsoft.com/Author/3501155/hernan-badino">Microsoft Academic Research</a></li> \
            <li><a href="http://www.panoramio.com/user/1473499">Panoramio</a></li> \
            <li><a href="http://www.flickr.com/photos/hernanbadino/sets/72157594542260104/">Flickr</a></li> \
          </ul> \
	</li> \
      </ul> \
    </div> <!-- end #sidebar --> \
    <div style="clear: both;">&nbsp;</div> \
  </div> <!-- end #page --> \
\
  <div id="footer-content"> \
    <div id="footer-bg" class="container"> \
      <div id="column1"> \
        <h2>Bienvenidos a mi Homepage</h2> \
        <p>Aqu&iacute; usted encontrar&aacute; informaci&oacute;n sobre mi trabajo de investigaci&oacute;n, biograf&iacute;a y actividades. Si quiere contactarme me puede mandar un e-mail a la siguiente direcci&oacute;n: <a href="mailto:hernan.badino@gmail.com">hernan.badino@gmail.com</a>.</p> \
      </div> \
      <div id="column2"> \
        <h2>Willkommen</h2> \
        <p>Hier finden Sie Information ueber meine Forschung, Biografie und Aktivit&auml;ten. Wenn Sie mir konkatkieren wollen, Sie k&ouml;nnen mich unter die folgende E-Mail Adresse erreichen: <a href="mailto:hernan.badino@gmail.com">hernan.badino@gmail.com</a>.</p> \
      </div> \
      <div id="column3"> \
        <h2>Recommended Links</h2> \
        <ul> \
          <li><a href="http://www.cs.cmu.edu/">Carnegie Mellon University</a></li> \
          <li><a href="http://www.ri.cmu.edu/">Robotics Institute</a></li> \
          <li><a href="http://www.rec.ri.cmu.edu//">NREC</a></li> \
          <li><a href="http://www.cmu.edu/qolt/">QUOLT</a></li> \
        </ul> \
      </div> \
    </div> \
  </div> <!-- end footer-content --> \
\
  <div id="footer"> \
    <p>Copyright (c) 2011 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> \
  </div> \
</div>';

var html_footer2 = '<!-- Start of StatCounter Code -->\n<script type="text/javascript" language="javascript">\n<!-- \nvar sc_project=931292; \nvar sc_click_stat=1; \nvar sc_invisible=0; \nvar sc_partition=7; \nvar sc_security="cd06a749"; \n//-->\n</script>\n\n<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img \
src="http://c8.statcounter.com/counter.php?sc_project=931292&java=0&security=cd06a749&invisible=0" alt="web metrics" border="0"></a> </noscript>\n<!-- End of StatCounter Code -->\n';

function addHeader(num)
{
  document.writeln('\
  <div id="wrapper"> \
  <div id="header" class="container"> \
    <div id="menu"> \
      <div style="float:left"> <img src="/images/camera3_cut1_sharp.jpg"> </div> \
      <ul>');

    
    for (i = 0; i < num; ++i)
        document.writeln('<li><a href="' + refs_v[i] + '">' + tabs_v[i] + '</a></li>\n');

     document.writeln('<li class="current_page_item"><a href="' + refs_v[i] + '">' + tabs_v[i] + '</a></li>\n');

     i++;
    
    for (; i < numtabs_i; ++i)
        document.writeln('<li><a href="' + refs_v[i] + '">' + tabs_v[i] + '</a></li>\n');

    document.writeln(html_header2);
}

function addFoot()
{
    document.writeln(html_footer1);
    document.writeln(html_footer2);
}

function addPost(title_str, description_str, image_str, link_str, date_str, more_v)
{
    str=' \
   <div class="post"> \
     <h2 class="title"><a href="' + link_str + '">' + title_str + '</a></h2> \
     <p class="meta"><span class="date">' + date_str + '</span><span class="posted">Posted by <a href="http://www.lelaps.de/index.html">HB</a></span></p> \
     <div style="float:none; text-align:justify">\n';
    
    if ( image_str != "" )
        str += '\
       <div style="float:left;"> \
         <a href="' + link_str + '"><img src="' + image_str + '" class="alignleft"></a>\
       </div>\n';
    
    str += '\
       <p>' + description_str + ' \
       </p> \
     </div>\n';

    for (i = 0; typeof(more_v[i]) != "undefined"; i+=2)
        str += '<p class="more"><a href="' + more_v[i+1] + '">' + more_v[i] + '</a></p>\n';

   str +='\
   </div> \
   <div style="clear: both;">&nbsp;</div>';
    document.writeln(str);
    
}

function addProjectPost(title_str, description_str, image_str, link_str, date_str, active_b)
{
    link_str="construction.html";

    str=' \
   <div class="post"> \
     <h2 class="title"><a href="' + link_str + '">' + title_str + '</a></h2> \
     <p class="meta"><span class="date">' + date_str + '</span><span class="posted">Posted by <a href="http://www.lelaps.de/index.html">HB</a></span></p> \
     <div style="float:none; text-align:justify"> \
       <div style="float:left;"> \
         <a href="' + link_str + '"><img src="' + image_str + '" width=240 height=200 class="alignleft"></a> \
       </div> \
       <p>' + description_str + ' \
       </p> \
     </div> \
     <p class="more">Status: ' + (active_b?'active':'concluded') + '</p> \
   </div> \
   <div style="clear: both;">&nbsp;</div>';
    document.writeln(str);
    
}

function addVideoPost(description_str, videoCode_str, more_v)
{
    alert(videoCode_str);
    
    str='\
   <div class="post"> \
     <p class="meta"><span class="posted">Posted by <a href="http://www.lelaps.de/index.html">HB</a></span></p> \
     <div style="float:none; text-align:justify"> \
       <div> \
         <iframe id="'+videoCode_str+'" width="640" height="480" src="http://www.youtube.com/embed/' + videoCode_str + '\?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe> \
       </div> <br> \
       <p>' + description_str + ' \
       </p> \
     </div>\n';

    for (i = 0; i < more_v.length; i+=2)
        str += '<p class="more"><a href="' + more_v[i+1] + '">' + more_v[i] + '</a></p>\n';

   str +='\
   </div> \
   <div style="clear: both;">&nbsp;</div>';
    document.writeln(str);
    
    
}