$(document).ready(function () {
  $('ul#services-list').accordion({
    active: false,
    header: 'a.main'
  });
  $('ul#services-list ul').accordion({
    active: false,
    header: 'a.inner'
  });
  $('ul#services-list a.main').click(function () {
    $('#content').html("");
    $('ul#services-list ul.aesthetician a').removeClass('selected');
    $('ul#services-list ul ul a').removeClass('selected');
  });
  $('ul#services-list ul a.inner').click(function () {
    $.get(this.href, function (html) {
      $('#content').html(html);
    });
    $('ul#services-list ul.aesthetician a').removeClass('selected');
    $('ul#services-list ul ul a').removeClass('selected');
  });
  $('ul#services-list ul ul a').add('ul#services-list ul.aesthetician a').click(function () {
    $.get(this.href, function (html) {
      $('#content').html(html);
      
      $('#content #examples a').click(function () {
        $.get(this.href, function (html) {
          $('#photos').html(html);
        });
        $('#content a.back').show();
        $('#photos').show();
        $('#text').hide();
        return false;
      });
      $('#content a.back').click(function () {
        $('#content a.back').hide();
        $('#photos').hide();
        $('#text').show();
        return false;
      });
    });

    $('ul#services-list ul.aesthetician a').removeClass('selected');
    $('ul#services-list ul ul a').removeClass('selected');
    
    this.className = "selected";
    return false;
  });
  
});