$(document).ready(function() {

	$('a.panel').click(function () {

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
		
		
		$('#wrapper').scrollTo($(this).attr('href'), 1000);
		return false;
	});

	$(window).resize(function () {
		resizePanel();
	});
	
});





$(document).ready(function(){
    $('#musique').flash(
        { src: 'musique.swf',
          width: 94,
          height: 24 },
        { version: 8 }
    );
});
$(document).ready(function(){
    $('#mainanima').flash(
        { src: 'main.swf',
          width: 693,
          height: 446 },
        { version: 8 }
    );
});
$(document).ready(function(){
    $('#anima2').flash(
        { src: 'main2.swf',
          width: 962,
          height: 446 },
        { version: 8 }
    );
});
$(document).ready(function(){
    $('#anima3').flash(
        { src: 'main3.swf',
          width: 962,
          height: 446 },
        { version: 8 }
    );
});






function resizePanel() {

	width = $(window).width();
	height = $(window).height();

	mask_width = width * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
		
}




	$(document).ready(function(){	
		$("#slider").easySlider({
		auto: true, 
		continuous: true
		});
	});	



	$(document).ready(function() {
		$("a.iframe").fancybox({'hideOnContentClick': false });
	});		





$(document).ready(function() {
			$("#port1").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port2").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});	
			$("#port3").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port4").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port5").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});		
			$("#port6").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port7").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port8").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port9").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});
			$("#port10").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});	

$("#port11").fancybox({ 
				'width'				: 900,
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'type'				: 'iframe'
			});			
		
});