$(document).ready(function(){
  $('a[href=#home]').click(function(){
    $.scrollTo(0,'slow');
    return false;
  });
  $('a[href=#about]').click(function(){
    $.scrollTo($('#about'),'slow');
    return false;
  });
  $('a[href=#portfolio]').click(function(){
    $.scrollTo($('#portfolio'),'slow');
    return false;
  });
  $('a[href=#contact]').click(function(){
    $.scrollTo($('#contact'),'slow');
    return false;
  });
  //Ryan Buckwalter Portfolio Section
  $('<div class="section" id="bucky"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/bucky.jpg" alt="Screen shot of Ryan Buckwalters personal portfolio site.">').prependTo('#bucky');
  $('<div class="portfolio-description"></div>').appendTo('#bucky');
  $('<h3>Ryan Buckwalter</h3><p>Portfolio website for Graphic Designer Ryan Buckwalter</p>').prependTo('#bucky div.portfolio-description');
  $('<p class="left">- Handcoded HTML, CSS, and PHP</p><p class="left">- Photoshop</p><a href="http://brianrberg.com/bucky/index.html">Sneak Peak</a>').appendTo('#bucky div.portfolio-description');
  $('a[href=portfolio/ryanbuckwalter.html]').attr('href', '#bucky');
  //Weasel Manor Portfolio Section
  $('<div class="section" id="weaselmanor"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/weaselmanor.jpg" alt="Screen shot of Weasel-Manor.com">').prependTo('#weaselmanor');
  $('<div class="portfolio-description"></div>').appendTo('#weaselmanor');
  $('<h3>Weasel Manor</h3><p>Website for the Weasel Manor web comic</p>').prependTo('#weaselmanor div.portfolio-description');
  $('<p class="left">- Handcoded HTML, CSS, and PHP</p><p class="left">- Photoshop</p><a href="http://weasel-manor.com">Site currently being moved</a>').appendTo('#weaselmanor div.portfolio-description');
  $('a[href=portfolio/weasel-manor.html]').attr('href', '#weaselmanor');
  //BASH Field Hockey Portfolio Section
  $('<div class="section" id="bash"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/BASH_Field_Hockey.jpg" alt="Website for the Boyertown Area High School Field Hockey Team">').prependTo('#bash');
  $('<div class="portfolio-description"></div>').appendTo('#bash');
  $('<h3>BASH Field Hockey</h3><p>Website for the Boyertown Area High School Field Hockey Team</p>').prependTo('#bash div.portfolio-description');
  $('<p class="left">- Wordpress</p><p class="left">- Handcoded HTML, CSS, and PHP</p><p class="left">- Photoshop</p><a href="http://brianrberg.com/bashfieldhockey/index.html">Go to site</a>').appendTo('#bash div.portfolio-description');
  $('a[href=portfolio/bash.html]').attr('href', '#bash');
  //Lazy Athlete Portfolio Section
  $('<div class="section" id="lazyathlete"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/Lazy_Athlete.jpg" alt="The Lazy Athlete is a custom blog I designed for my sports writing alter-ego.">').prependTo('#lazyathlete');
  $('<div class="portfolio-description"></div>').appendTo('#lazyathlete');
  $('<h3>The Lazy Athlete</h3><p>The Lazy Athlete is a custom blog I designed for my sports writing alter-ego.</p>').prependTo('#lazyathlete div.portfolio-description');
  $('<p class="left">- Wordpress</p><p class="left">- Handcoded HTML, CSS, and PHP</p><p class="left">- Photoshop</p><a href="http://thelazyathlete.net">Go to site</a>').appendTo('#lazyathlete div.portfolio-description');
  $('a[href=portfolio/lazyathlete.html]').attr('href', '#lazyathlete');
  //Brian R Berg Portfolio Section
  $('<div class="section" id="brianrberg"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/Brian_R_Berg.jpg" alt="The previous incarnation of my personal website">').prependTo('#brianrberg');
  $('<div class="portfolio-description"></div>').appendTo('#brianrberg');
  $('<h3>BrianRBerg.com</h3><p>The previous incarnation of my personal website</p>').prependTo('#brianrberg div.portfolio-description');
  $('<p class="left">- Wordpress (Previous version)</p><p class="left">- Handcoded HTML, CSS, JavaScript and PHP</p><p class="left">- Photoshop</p><a href="http://brianrberg.com">Go to site</a>').appendTo('#brianrberg div.portfolio-description');
  $('a[href=portfolio/brianrberg.html]').attr('href', '#brianrberg');
  //OBX 2009 Portfolio Section
  $('<div class="section" id="obx2009"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/OBX2009.jpg" alt="A website designed to help coordinate a trip to the Outer Banks">').prependTo('#obx2009');
  $('<div class="portfolio-description"></div>').appendTo('#obx2009');
  $('<h3>OBX2009.com</h3><p>A website designed to help coordinate a trip to the Outer Banks</p>').prependTo('#obx2009 div.portfolio-description');
  $('<p class="left">- Wordpress</p><p class="left">- Handcoded HTML, CSS, and PHP</p><p class="left">- Photoshop</p><a href="http://obx2009.com">Go to site</a>').appendTo('#obx2009 div.portfolio-description');
  $('a[href=portfolio/obx2009.html]').attr('href', '#obx2009');
  //Mike the Ho-Man Portfolio Section
  $('<div class="section" id="mike"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/Mike_the_Ho-Man.jpg" alt="A fun website dedicated to Michael Hoey.  He Rocks.">').prependTo('#mike');
  $('<div class="portfolio-description"></div>').appendTo('#mike');
  $('<h3>Mike the Ho-Man.com</h3><p>A fun website dedicated to Michael Hoey.  He Rocks.</p>').prependTo('#mike div.portfolio-description');
  $('<p class="left">- Handcoded HTML and CSS</p><p class="left">- Photoshop</p><a href="mikethehoman/index.html">Go to site</a>').appendTo('#mike div.portfolio-description');
  $('a[href=portfolio/mike.html]').attr('href', '#mike');
  //CSS Zen Garden Portfolio Section
  $('<div class="section" id="zengarden"></div>').prependTo('#imagegallery-photo');
  $('<img src="images/CSS_Zen_Garden.jpg" alt="A project site for the CSS Zen Garden Project">').prependTo('#zengarden');
  $('<div class="portfolio-description"></div>').appendTo('#zengarden');
  $('<h3>CSS Zen Garden</h3><p>A project site for the CSS Zen Garden Project</p>').prependTo('#zengarden div.portfolio-description');
  $('<p class="left">- Handcoded HTML and CSS</p><p class="left">- Photoshop</p><a href="CSS_Zen_Garden/index.html">View Site</a>').appendTo('#zengarden div.portfolio-description');
  $('a[href=portfolio/zengarden.html]').attr('href', '#zengarden');
});

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function showSection(id) {
  var divs = document.getElementsByTagName("div");
  for (var i=0; i<divs.length; i++ ) {
    if (divs[i].className.indexOf("section") == -1) continue;
    if (divs[i].getAttribute("id") != id) {
      divs[i].style.display = "none";
    } else {
      divs[i].style.display = "block";
    }
  }
}

function prepareInternalnav() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("imagegallery-list")) return false;
  var nav = document.getElementById("imagegallery-list");
  var links = nav.getElementsByTagName("a");
  for (var i=0; i<links.length; i++ ) {
    var sectionId = links[i].getAttribute("href").split("#")[1];
    if (!document.getElementById(sectionId)) continue;
    document.getElementById(sectionId).style.display = "none";
    links[i].destination = sectionId;
    links[i].onclick = function() {
      showSection(this.destination);
      return false;
    }
  }
}

addLoadEvent(prepareInternalnav);