1.         $('#slides').slidesjs({
               width: 1000,
               height: 480,
               start: 1,
               play: {
                   active: true,
                   // [boolean] Generate the play and stop buttons.
                   // You cannot use your own buttons. Sorry.
                   effect: "fade",
                   // [string] Can be either "slide" or "fade".
                   interval: 4000,
                   // [number] Time spent on each slide in milliseconds.
                   auto: true,
                   // [boolean] Start playing the slideshow on load.
                   swap: true,
                   // [boolean] show/hide stop and play buttons
                   pauseOnHover: true,
                   // [boolean] pause a playing slideshow on hover
                   restartDelay: 4000,
                   // [number] restart delay on inactive slideshow
               }
           });
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

the slider is working great - working version: http://pastebin.com/rU81hQA0

but when i trying to set it in a full template in one div it is not working or give error.

http://pastebin.com/yB9Ri1Pu - version that not working when we added the play code.

the css is the same and only the size of the div is not the same and that is why i didn't add the css code.