var div, timeClose;

$(document).ready(function(){
	div = $("#submenu");
	$("#menu ul ul").css('display','none');
	reset();
	setupPlayers(); // stel de flowplayer(s) in
	
	$("#menu>ul>li").hover(
		function(){
			clearTimeout(timeClose);
			$("#menu li").removeClass('active');
			$(this).addClass('active');
			div.html($(this).find('ul').html());
		},
		function(){
			// reset het submenu naar z'n oorspronkelijke staat
			closeSubmenu();
		}
	);
	
	div.hover(
		function(){
			clearTimeout(timeClose);
		},
		function(){
			// reset het submenu naar z'n oorspronkelijke staat
			closeSubmenu();
		}
	);
});

function closeSubmenu(){
	timeClose = setTimeout('reset()',1000);
}
	
function reset(){
	div.html($("#menu li.selected>ul").html());
	$("#menu li").removeClass('active');
	$("#menu li.selected").addClass('active');
}

// stel de flowplayer(s) in
function setupPlayers(){
// a- tags with class "myPlayer" are transformed into video players
$f("a.flowplayer", "flowplayer-3.2.1.swf", {	
	clip: {
		// track start event for this clip
		onStart: function(clip) {
			_tracker._trackEvent("Videos", "Play", clip.url);
		},

		// track pause event for this clip. time (in seconds) is also tracked
		onPause: function(clip) {
			_tracker._trackEvent("Videos", "Pause", clip.url, parseInt(this.getTime()));
		},

		// track stop event for this clip. time is also tracked
		onStop: function(clip) {
			_tracker._trackEvent("Videos", "Stop", clip.url, parseInt(this.getTime()));
		},

		// track finish event for this clip
		onFinish: function(clip) {
			_tracker._trackEvent("Videos", "Finish", clip.url);
		}
	},

	// show stop button so we can see stop events too
	plugins: {
		controls: {
			stop: false,
			fullscreen: false,
			time: false,
			//mute: false,
			
			buttonColor: 'rgba(255, 255, 255, 0.9)',
			buttonOverColor: '#ffffff',
			backgroundColor: 'rgba(0,0,0, 0.9)',
			backgroundGradient: 'low',
			sliderColor: '#e2d6da',
			
			sliderBorder: '1px solid #808080',
			volumeSliderColor: '#e2d6da',
			volumeBorder: '1px solid #808080',
			
			timeColor: '#000000',
			durationColor: '#535353'
		}
	}
});
}