    $(function() {
        $("#myController").jFlow({
        slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlider", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		auto: true,		//auto change slide, default true
		width: "682px",
		height: "474px",
		duration: 1,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
        });
    });

    $(function() {
        // setup overlay actions to buttons
	    $("a[rel]").overlay({
	    
		// use the Apple effect for overlay
		effect: 'apple',		
		expose: '#789',				
		
		onLoad: function(content) {
			// find the player contained inside this overlay and load it
			this.getOverlay().find("a.player").flowplayer(0).load();

		},
		
		onClose: function(content) {
			$f().unload();
		}
	});

	// install flowplayer into flowplayer container
    	var player = $f("a.player", "mediaPlayers/flowplayer.commercial-3.1.4.swf", {
		key: '#$28d4f4f3f205e518e4a',
  		clip: {
    			provider: 'rtmp',
    			vod: true
  		},
  		plugins: {
    			rtmp: {
      				url: 'flowplayer.rtmp-3.1.3.swf',
      				netConnectionUrl: 'rtmp://adobeflash.wooster.edu/vod'
    			},
    			controls: {  
      				url: 'flowplayer.controls-3.1.4.swf',  
      				fullscreen: false
    			}
 		},
		contextMenu: [          
			'Wooster Flash Player 1.00',          
			{'The College of Wooster': function() {
			window.open('http://www.wooster.edu');
			}}        
	    ]        
		}
	    );	
    });
 

