I'm trying to play with some page transitions using jquery. On the homepage there is a nivoslider carousel running thru a slideshow, and on the secondary pages there will be other content. I'm having the content slide into view using .animate functions rather than loading up a new page. Therein lies the problem. When i slide the homepage nivoslider content off the stage, and then try to slide it back, the slideshow will appear collapsed until it is time for the slideshow to rotate to the next image (OR if i just resize my browser window). I've tried .hide, as well as .fadeOut and both are giving me issues getting that nivoslider to appear again without the wait.
You can see a sample page of the code up at www.defyordie.com. The nivoslider is on an 8 second delay so the way to test it is- go to the page, click on 'projects' in the top nav, wait 8 seconds, and then click on the logo to go back home.
Let me know if theres a better way to slide content in/out than what i'm attempting or if you can help with the current implementation.