$(document).ready(function() {
	$("span.moviename").text("Etusivu");
	
	$("div.feature").click(function() {
		var text = $("h4", $(this)).text();
		$("span.moviename").text(text);
		document.title = "Netbaron Teatteri - "+text;
		var moviename = $("a", $(this)).attr("href").replace("#", "");
		playMovie(moviename);
	});
	
	$("ul.menu > li").click(function()  {
		$("ul.menu li ul").slideUp(200);
		$("ul", $(this)).slideToggle(200);
	});
	
	$("ul.menu li ul li").click(function(e) {
		$(this).parent().slideUp(200);
		var text = $(this).text();
		$("span.moviename").text(text);
		document.title = "Netbaron Teatteri - "+text;
		var moviename = $("a", $(this)).attr("href").replace("#", "");
		playMovie(moviename);
		e.stopPropagation();
	});

	$("#video-curtain").css('opacity', 0);
	var moviename = getMoviename();
	playMovie(moviename);
	
	
});

function getMoviename() {
	var url = document.location.href;
	
	if(url.match(/#(.+)/)) {
		var moviename = url.replace(/.+#(.+)/, "$1");
	} else var moviename = 'intro';
	return moviename;
}

function playMovie(name) {
	$("#video-curtain").css("zIndex", 3).animate({opacity: 1}, 1000, function() {
		$("#video").html("");
		
		// Flowplayer installation with Flashembed parameters
			var player = flowplayer("video", {src: "video/flowplayer-3.1.1.swf", wmode: 'opaque', volume: 30}, {
			clip: {
				autoBuffering: true,
				volume: 30,
				autoPlay: true,
				onFinish: showFeaturesTimeout,
				onStart: hideFeatures,  
				url: "http://www.netbaron.fi/theater/video/"+name+".f4v"
			}
		});
		
		
		setTimeout(showVideo, 1000);		
		
	});
}

function showVideo() {
	$f().setVolume(3);
	$("#video-curtain").animate({opacity: 0}, 1000, function() {
			$("#video-curtain").css("zIndex", 1);
	});
}

function showFeaturesTimeout() {
	setTimeout(showFeatures, 5000);
}


function showFeatures() {
	$("#features").show();
	$("#video-curtain").css("zIndex", 3).css("opacity", 0);
	$("#video-curtain").animate({opacity: 1}, 1000, function() {
			
	});
}

function hideFeatures() {
	$("#video-curtain").animate({opacity: 1}, 1000, function() {
		$("#features").hide();
		$("#video-curtain").css("zIndex", 1);
	});
};