$(document).ready( function() {

  $('#WorksBox ul li:first').addClass('selected');
  setWorksBoxImage();

  $('#WorksBox ul li a').click( function() {
    $(this).parents('ul').eq(0).find('li').removeClass('selected');
    $(this).parents('li').eq(0).addClass('selected');
    setWorksBoxImage();
    return false;
  });

  $('input.form_submit_link').each(function() {
    if ($(this).siblings("a.form_submit").size() == 0) {
      $(this).after('<a href="#" class="button form_submit"><span id="' + $(this).attr('id') + '">' + $(this).val() + '</span></a>')
      $(this).next('a.form_submit').click( function() {
        $(this).prev('input[type=submit]').click();
        return false;
      });
      $(this).hide();
    }
  });

});

function setWorksBoxImage() {
  $('#WorksBox div.view').css({ backgroundImage: 'url(' + $('#WorksBox ul li.selected a img').attr('src') + ')'});
}