/**
 * Carousel Javascript
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	if(enabling) {
		leftImage.src = "http://media.collegepublisher.com/media/assets/icons/control_start_blue.gif";	
	} else {
		leftImage.src = "http://media.collegepublisher.com/media/assets/icons/control_start.gif";	
	}
	
};
/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the carousel has determined that the next button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: nextButtonStateHandler
 **/
var handleNextButtonState = function(type, args) {

	var enabling = args[0];
	var rightImage = args[1];
	
	if(enabling) {
		rightImage.src = "http://media.collegepublisher.com/media/assets/icons/control_end_blue.gif";
	} else {
		rightImage.src = "http://media.collegepublisher.com/media/assets/icons/control_end.gif";
	}
	
};
/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'mycarousel'.) See the
 * HTML code below.
 **/
var pageLoad = function() 
{
	var carousel = new YAHOO.extension.Carousel("mycarousel", 
		{
			numVisible:        2,
			animationSpeed:   .3,
			scrollInc:         1,
			navMargin:         17,
			prevElement:     "prev-arrow",
			nextElement:     "next-arrow",
			size:              10,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);

};
YAHOO.util.Event.addListener(window, 'load', pageLoad);
/* End of carosel javascript. */


document.write('<div id="roo_component_wrapper">');
document.write('	<ul id="roo_component_header">');
document.write('		<li><h5>Top Videos</h5></li>');
document.write('		<li><a href="/videos/">more video...</a></li>');
document.write('	</ul>');
document.write('	<div id="roo_component">');
document.write('		<div id="mycarousel" class="carousel-component">');
document.write('			<div class="carousel-prev"> <img id="prev-arrow" class="left-button-image" src="http://media.collegepublisher.com/media/assets/icons/control_start_blue.gif"/> </div>');
document.write('			<div class="carousel-next"> <img id="next-arrow" class="right-button-image" src="http://media.collegepublisher.com/media/assets/icons/control_end_blue.gif"/> </div>');
document.write('			<div class="carousel-clip-region">');
document.write('				<ul class="carousel-list">');
					
					
document.write('						<li id="mycarousel-item-1"><a href="/videos/?stream=http%3A%2F%2Fpublish%2Evx%2Eroo%2Ecom%2Fnewsletter%2Fportal%2F%3FChannel%3DYES%2BNetwork%26ClipId%3D895011%26Format%3Dflash%26Bitrate%3D300">');
document.write('						<img src="http://publish.vx.roo.com/thumbnails/1794/895011_1.jpg" />');
document.write('						<div class="roo_module_title">Yankees Postgame Analysis 9/9/07<span class="roo_module_play">play</span></div></a>');
document.write('						</li>');
					
					
					
document.write('				</ul>');
document.write('			</div>');
document.write('		</div>');
document.write('	</div>');
document.write('</div>');