$(function(){


	$("<div class='pictures'><a href='http://www.oceancityhilton.com/rooms'><img src='http://www.oceancityhilton.com/images/homeRotate/hiltonBed_800x400.jpg' alt='photo of Hilton Suites room' /></a><p>Did we mention that all of our rooms are Oceanfront Suites? View more about our <a href='http://www.oceancityhilton.com/rooms'>Rooms &#187;</a></p></div><!-- /.pictures --><div class='pictures'><a href='http://www.oceancityhilton.com/rooms'><img src='http://www.oceancityhilton.com/images/homeRotate/hiltonKitchen_800x400.jpg' alt='photo of the kitchen' /></a><p>View more about our <a href='http://www.oceancityhilton.com/rooms'>Rooms &#187;</a></p></div><!-- /.pictures -->").insertAfter('.pictures');

	$('.pictures').wrapAll("<div class='picGroup'></div>");


    $('.picGroup .pictures:gt(0)').hide();
    
    
    $(window).resize(function(){
    
    $('.picGroup').css('display','block').css('position','relative').height($('.picGroup .pictures:first-child').height() + 20);
    
    	});


 setInterval(function(){
    
    $('.picGroup').css('display','block').css('position','relative').height($('.picGroup .pictures:first-child').height() + 20);
    
      
      $('.picGroup .pictures:first-child').fadeOut(400, function() {
         $('.picGroup .pictures:nth-child(1)').fadeIn(3000)});
         $('.picGroup .pictures:first-child').appendTo('.picGroup'); 
         
         },
          
      10000);
      
    $('.pictures').hover(
    	function()	{$(this).css('border-color','transparent');},
    	function() {$(this).css('border-color','rgb(133,183,181)');}
    );
});