$( function() {
    $("#topimg").crossSlide({
      sleep: 1,
      fade: 1,
      loop: 1
    }, [{
      src: 'common/img/top_fade_img/top_image.jpg'
    },{
      src: 'common/img/top_fade_img/slide01.jpg'
    },{
      src: 'common/img/top_fade_img/slide02.jpg'
    },{
      src: 'common/img/top_fade_img/slide03.jpg'
    },{
      src: 'common/img/top_fade_img/slide04.jpg'
    },{
      src: 'common/img/top_fade_img/slide05.jpg'
    },{
      src: 'common/img/top_fade_img/slide06.jpg'
    },{
      src: 'common/img/top_fade_img/slide07.jpg'
    },{
      src: 'common/img/top_fade_img/slide08.jpg'
    },{
      src: 'common/img/top_fade_img/top_image.jpg'
    }]);
    
    var nowimage = "common/img/top_fade_img/top_image.jpg";
	
    $("#1").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide01.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide01.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
	
    $("#2").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide02.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide02.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#3").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide03.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide03.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#4").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide04.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide04.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#5").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide05.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide05.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#6").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide06.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide06.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#7").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide07.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide07.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
    $("#8").hover( function() {
      $("#topimg").crossSlide({
        sleep: 0.1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/slide08.jpg'
      }]);
      nowimage = 'common/img/top_fade_img/slide08.jpg';
    },  function(){

      $("#topimg").crossSlide({
        sleep: 1,
        fade: 1,
        loop: 1
      }, [{
        src: nowimage
      },{
        src: 'common/img/top_fade_img/top_image.jpg'
      }]);

      nowimage = 'common/img/top_fade_img/top_image.jpg';});
  });