@charset "UTF-8";

<html>
<head>

<title>style</title>

<style type="text/css">
#wedding {
   position: relative;
   width:  800px; 
   height: 533px;
}
#wedding img {
   position: absolute;
   top: 5%;
   left: 25%;
   z-index: 8;
   opacity: 0.0;
}
#wedding img.active {
   z-index: 10;
   opacity: 1.0;
}
#wedding img.last-active {
   z-index: 9;
}

body {
  font-family: arial, Verdana, sans-serif;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-attachment:fixed;
  background-color: transparent;

$B!!(B}


p {
  font-family: arial, Verdana, sans-serif;
  font-size : 12pt
  font-color : #000000
  white-space: nowrap;

}

table, td, th {
  font-family: arial, Verdana, sans-serif;
  font-size : 12pt
  border: 0px #ffffff solid;
  table-layout: fixed;
  
}



</style>
<script type="text/javascript">
function slideSwitch() {
   var $active = $('#wedding img.active');

   if ( $active.length == 0 ) $active = $('#wedding img:last');

   var $next =  $active.next().length ? $active.next()
      : $('#wedding img:first');

   $active.addClass('last-active');

   $next.css({opacity: 0.0})
      .addClass('active')
      .animate({opacity: 1.0}, 1000, function() {
           $active.removeClass('active last-active');
      });
}

$(function() {
   setInterval( "slideSwitch()", 3000 );
});
</script>
</head>
</body>
</html>