function init(){
var H = $('#wrapInt').height();
var colorLayer = '<div class="colorLayer"></div>'
var nbPoutre=0;
	$('.poutre').each(function(i){nbPoutre++;$(this).css({position:"relative",zIndex:i+1})})
	$('.poutreContent').each(function(i){
		//var contentH = $(this).height();
		$(this).css({height:($("#wrapInt").height()-((nbPoutre+1)*35))})
		var contentH = $(this).height()
		var contentW = $(this).width();
		$(this).prepend(colorLayer);
		$(this).children('.colorLayer').css({position:'absolute',top:0,left:0,backgroundColor:'#3D4B55',opacity:0.8,height:contentH,width:contentW});
		$(this).css({display:'none'});
		$('.solo').css({display:'block'});
	});
	
	
$('#p1').css({marginTop:H})
$('#p1').animate({marginTop:0},1000,managePoutre);
}
function managePoutre(){
	$('#menu').children('.poutreContent').slideDown();
	var poutre = $('.poutre')
	$(poutre).each(function(i){
		
		$(this).children('h3').click(function(){
											  var clickedPoutre = $(this).next('.poutreContent')
										$('.poutreContent:not('+ clickedPoutre + ')').slideUp();
										$(this).next('.poutreContent').slideDown();
										})
	});
	$('#menu ul li span').click(function(){
				$('.poutreContent').slideUp();
				$('#menu').children('.poutreContent').slideDown();
								});
}

function manageVideoPlayer(){
	$('#p2 ul li a').click(function(){
		var videoName = $(this).attr('title');
		var video2Play = $(this).attr('href');
		createMovieBox(videoName, video2Play);
	return false;
	})

}
function createMovieBox(name,src){
	var movieBox = '<div id="movieBox"><div id="layout"></div><div id="boxContent"><div id="boxHeader"><p>'+ name + '</p><a href="" title="close">fermer</a></div><div id="moviePlayer"><span><strong>Vous n&#8217;avez pas la version requise de Flash Player pour visionner cette video.<br/>Veuillez le <a href="http://get.adobe.com/fr/flashplayer/">t&eacute;l&eacute;charger ici</a></strong></span></div><script type="text/javascript">var so = new SWFObject("video/videoPlayer.swf", "videoPlayer", "480", "380", "8", "#000000");so.addVariable("movie", "'+ src +'");so.useExpressInstall("expressinstall.swf");so.write("moviePlayer");</script></div>';
	$('body').append(movieBox);
	$('#layout').css('opacity','0.5')
	$('#boxHeader a').click(function(){
			$('#movieBox').remove();
			return false;
		})
	$('body','html').css('height','100%')

}


$(document).ready(function(){ 
init();
manageVideoPlayer();
$(document).pngFix(); 
});