$(document).ready(function() {
  // homepage slideshow
  $('#home #slideshow').cycle()

  // user clicks on an accordian heading link
  $('ul#accordian a.heading').click(function() {
    // collect data about the heading clicked
    var parent_id = $(this).parent().attr('id');
    var text      = $('#hidden_' + parent_id).html();
    var heading   = $(this).text();

    // hide the current content
    $('#services h2, #selected_service').hide();

    // change the content
    $('#services h2').removeClass();
    $('#services h2').text(heading)
    $('#services h2').addClass(parent_id);
    $('#service_text').html(text);
    $('#selected_service img').attr('src', '/img/services/' + parent_id + '/image_1.jpg');

    // fade in with the new content
    $('#services h2, #selected_service').fadeIn('slow');
  });

  // user clicks on a thumbnail
  $('ul#accordian .thumb img').click(function() {
    var thumb_src = $(this).attr('src');
    var image_src = thumb_src.replace('_thumb', '');
    $('#selected_service #service_image img').attr('src', image_src);
  });
});