document.observe("dom:loaded", function () {
	
    $$('ul#nav li').each(function(item){
        item.observe('mouseover', function(){
            this.addClassName('over');
        });
        item.observe('mouseout', function(){
            this.removeClassName('over');
        });
    });
    
	$('overlay').setStyle({
        width: document.viewport.getWidth() + 'px',
        height: document.viewport.getHeight() + 'px'
    });
    
	var top = (document.viewport.getHeight() - $('video').getHeight()) / 2;
    var left = (document.viewport.getWidth() - $('video').getWidth()) / 2;

    $('video').setStyle({
      top: top + 'px',
      left:  left + 'px'
    });

    $('video_close').observe('click', function(){
        $('video').hide();
        $('overlay').hide();
		$('video_placeholder').replace('<div id="video_placeholder" style="width: 400px; height: 300px;"></div>');
    });
});

function show_video(video){
	$('overlay').show();
    $('video').show();
	if(video == 'promo')
		swfobject.embedSWF("csssm.swf", "video_placeholder", "400", "300", "9.0.0");
	else
		swfobject.embedSWF("temoignage.swf", "video_placeholder", "400", "300", "9.0.0");
}