/*
$(function() { 
	var rotateDelay = 6000; //milliseconds 
	var rotateTabs=true;     
	var $tabItems = $('.tabs a').click(function(){ //clicking a tab should cancel the rotate 
		rotateTabs=false; 
	}); 
	
	$('.tabs a').focus(function(){
		$(this).click();
		
	});
	
	var tabs = $("ul.tabs").tabs('.tabContainer', {api:true}); //create the tabs and return the api 
	function doRotateTabs(){ //recursive function 
		if (rotateTabs) { 
			setTimeout(function(){ 
				if (!rotateTabs) return; 
				if(tabs.getIndex() == $tabItems.length-1){ //last tab. restart on first tab 
					tabs.click(0); 
				} 
				else { 
					tabs.next(); 
				} 
				doRotateTabs(); 
			}, rotateDelay); 
		} 
	} 
	doRotateTabs(); 
}); 
*/

$(function() {  

// initialize scrollable
	$("#video_widget div.scrollable").scrollable({
			items: '#videos',
			size: 1,
			clickable: false,

			// each time scrolling occurs, the active player is unloaded
			onSeek: function() {
					$f().unload();
			}
	});
});
	
	/*
		select player containers with jQuery and make them playable with Flowplayer.
		could this be any simpler?
	*/	

$(function() {
 
$("#videos a").flowplayer({src: "http://www.elon.edu/test/tpaulson/redesign/test/swf/flowplayer-3.1.2.swf" , wmode: 'opaque'}, {

		plugins: {
			controls: null
		}
}).hover(function() { 
 
			// find div.info element inside the player container and show it 
			$("div.vid_caption", this).fadeTo("slow", 0.7); 
			 
		}, function() { 
						 
			// when mouse is removed - hide the info 
			$("div.vid_caption", this).fadeTo("slow", 0); 
		});  
					 
		// initially all info elements are hidden 
		$("div.vid_caption").css("opacity", 0); 

});