$(function(){

    var items=$('.PhotoList .photoItem');
    var i=0;
    var c=items.length;
    var w=$('.PhotoList .photoItem:eq(0)').outerWidth();
    
    $('.PhotoList').css('width',w*c);
    $('.photoItem').css('float','left');
    
    var auto=true;
    
    items.find('.slogan').hide();
    items.eq(0).find('.slogan').show();
   
   function changeItem()
   {
       if(auto)
       {
           items.find('.slogan').fadeOut(500);
           
           i++
           if(i==c)i=0;
           
            $('.PhotoList').animate({marginLeft:-i*w},500,function(){
               
               items.eq(i).find('.slogan').fadeIn(500);
           
           });
       }
   }
   
   $('.PhotoBox').mouseenter(function(){auto=false;}).mouseleave(function(){auto=true;});
   
   setInterval(changeItem,10000);
});