// JavaScript Document
jQuery(document).ready(function() {
	//
	//jQuery('#container').hide();
	//jQuery('#container').fadeIn();
	//
	
});
	
jQuery(window).ready(function() {
	//
	/*
 jQuery('#slideshow01-wrapper').css({
	 'display':'block',
	 'width':'340px',
	 'height':'140px',
	 'position':'absolute',
	 'top':'0px',
	 'left':'300px',
	 'overflow':'hidden'
	 });
 jQuery('#slideshow-nav-next').css({
	 'display':'block',
	 'width':'20px',
	 'height':'140px',
	 'float':'right'
	 });
 jQuery('#slideshow-nav-prev').css({
	 'display':'block',
	 'width':'20px',
	 'height':'140px',
	 'float':'left'
	 });
	 */
 
// GO HERE FOR CYCLE OPTIONS: http://jquery.malsup.com/cycle/options.html
jQuery('#slideshow01').cycle({ 
    fx: 'custom', 
    cssBefore: {  
        top:  0, 
        left: 300, 
        display: 'block' 
    }, 
    animIn:  {  
        left: 0
    }, 
    animOut: {  
        top:  0, 
        left: -300,
        display: 'none' 
    }, 
    cssAfter: {  
        zIndex: 0,
        display: 'none'  
    }, 
    delay: -1000 ,
    after: onAfter,
    before: onBefore,
    speed: 1000, 
    timeout: 8000,
    easing: 'easeOutQuint'
});
 jQuery('#slideshow01').css({
	 'display':'block'
	 });
function onBefore(curr,next,opts) { 
// DISPLAY:NONE TO ALL CAPTION LI, THEN TURN ON THE ONE THAT MATCHES THE IMAGE THAT IS BEING ANIMATED IN
//

} 
function onAfter(curr,next,opts) {
	
}

jQuery('#slideshow-nav-next').bind("click", function(event){
	jQuery('#slideshow01').cycle('next');
	})
jQuery('#slideshow-nav-prev').bind("click", function(event){
	jQuery('#slideshow01').cycle('prev');
	})
	//
	//
	
});