$(function() {
/**************************************************************************************************
ROTATOR
***************************************************************************************************/
// Rotoator-75
   $("#rotator").cycle({ 
   
   fx: 'custom', 
    cssBefore: {  
	 	left: 1000, 
        opacity: 0,
	    display: 'block',
		zIndex: 1, 
    }, 
    animOut: {  
		left: -1000,
        opacity: 0,
    }, 
    animIn: {  
		left: 0,
        opacity: 1,
    }, 
   cssAfter: {  
        zIndex: 0,
    }, 
	speedIn:  1500, 
    speedOut: 500, 
	easeIn:  'easeOutExpo',
    easeOut: 'easeInExpo',
    timeout:  7500,
	sync:     0,
	//onBefore,
	//onAfter
	});
	
	// Rotoator-75
   $("#rotator-bg").cycle({ 
   
   fx: 'custom', 
    cssBefore: {  
	 	left: 0, 
        opacity: 0,
	    display: 'block',
		zIndex: 1, 
    }, 
    animOut: {  
		left: 0,
        opacity: 0,
    }, 
    animIn: {  
		left: 0,
        opacity: 1,
    }, 
   cssAfter: {  
        zIndex: 0,
    }, 
	speedIn:  500, 
    speedOut: 500, 
	easeIn:  'easeOutExpo',
    easeOut: 'easeInExpo',
    timeout:  7500,
	sync:     0,
	//onBefore,
	//onAfter
	});


/*function onBefore() { 
    $('#output').html("Scrolling image:<br>" + this.src); 
} 
function onAfter() { 
    $('#output').html("Scroll complete for:<br>" + this.src) 
        .append('<h3>' + this.alt + '</h3>'); 
}

/**************************************************************************************************
END ROTATOR
***************************************************************************************************/
});