$(document).ready(function() {

  $("#vmMainPage span img").css("cursor","pointer")
  $("#vmMainPage table img").css("cursor","pointer")
  
  $('<img style="padding-right: 3px;" src="'+$("#vmMainPage table img").attr('src')+'" alt="alt" width="150" /> ').insertBefore('#vmMainPage span img:first')
  size = $("#vmMainPage span img").size()
  now = 0

  $("#vmMainPage span img").click(function(){
    $("#vmMainPage table img").attr("src", $(this).attr("src"))
  });
  $("#vmMainPage table img").click(function(){
    now++
    $("#vmMainPage table img").attr("src", $("#vmMainPage span img:eq("+now+")").attr("src"))
    if(now==2) now=-1
  });
  
  $("#vmMainPage span img").fadeTo( 0, 0.7 )
  $("#vmMainPage span img").mouseover(function() {
    $(this).fadeTo( 'fast', 1 )
  });
  $("#vmMainPage span img").mouseout(function() {
    $(this).fadeTo( 'fast', 0.7 )
  })
  
  /*
  $("a.tofancy").fancybox({
    'cyclic': true,
    'titleShow':false,
    'transitionIn':'elastic',
    'transitionOut':'elastic',
    'padding':20
  }); 
  */
  
});