$(document).ready(function() {
	
	// un peu de déco	
	$('.menu .on').append('<p class="puce">&nbsp;</p>');	
	$('.page_sommaire .menu li.home').append('<p class="puce">&nbsp;</p>');
	$('.t0').append('<p class="puce">&nbsp;</p>');	
	$('.vignextra h2').append('<p class="puce">&nbsp;</p>');	
	
	$("#extra h2").backgroundCanvas();  
	$("#pied a").backgroundCanvas();
	
	
		
	$('.vignextra').dropShadow();
	$('.texte p span img').dropShadow();
	$('.articles ul li .logo_art').dropShadow({'left':3,'top':3,'opacity':.2,'blur':4});
	$('.rubriques ul li .logo_art').dropShadow({'left':3,'top':3,'opacity':.2,'blur':4});
	
	
	// menu
	$('.menu ul li').hover(function(){
		$(this).children('ul:hidden').show(200);
		
		},
		function(){
		$(this).children('ul:visible').hide(100);
		
	});	
		
 
     	 	
 	// gestion du portefolio 
	$("#documents_portfolio").wrap("<div id='doc_cont'></div>");
	$("#documents_portfolio").before('<div id="control"><span id="prev">< Précédent  </span>&nbsp;|&nbsp;<span id="next">  Suivant ></span></div>');
	
	 
 	// animation du portefolio 
 	$('#documents_portfolio ul ').css('width',$('#documents_portfolio ul li').size()*478);
 	
 	$('#documents_portfolio ul li .dimg').dropShadow({'left':3,'top':3,'opacity':.3,'blur':1});
 	$('.top_image').backgroundCanvas();
 	$('#next').click(function(){
 		$('#documents_portfolio').scrollTo( '+=478px', 400,{axis:'x'});
 	});
 	$('#prev').click(function(){
 		$('#documents_portfolio').scrollTo( '-=478px', 400,{axis:'x'});
 	});

	$('.menu a[title]').attr('title',''); 
	// $('.texte p img');
});

  	// Helper function to draw background for convienience  
	function DrawBackground()   
	{     
    // Paints on the background canvas with the PaintFunction you must provide!   
    $("#extra h2").backgroundCanvasPaint(MyBackgroundPaintFkt);  
    $("#pied a").backgroundCanvasPaint(MyBackgroundPaintFkt); 
    $('.top_image').backgroundCanvasPaint(MyBackgroundPaintFkt);
	}  
  
// Draw the background  on load and resize  
$(window).load(function () { DrawBackground(); });  

  
// This is the canvas paint function you have to provide. Don't care about the canvas, just draw on it!  
function MyBackgroundPaintFkt(context, width, height, canvas, $canvas, $canvasDiv, $content, $element )   
{  
    var options = {x:0, height: height, width: width, radius:0,  border: 0 };  
  
    // Draw a red red border round corner rectangle  
    context.fillStyle = "#2E4A4A";  
    $.canvasPaint.roundedRect(context,options);  
  
    // Draw the gradient filled inner rectangle  
    var backgroundGradient = context.createLinearGradient(0, 0, 0, height);  
    backgroundGradient.addColorStop(0 ,'#2E4A4A');  
	backgroundGradient.addColorStop(.5, '#6d7f7e');    
    backgroundGradient.addColorStop(.54, '#7d8c8b');
    backgroundGradient.addColorStop(.95, '#6d7f7e');
    
    backgroundGradient.addColorStop(1, '#adb5b2');  
      
    options.border = 0;  
    context.fillStyle = backgroundGradient;   
    $.canvasPaint.roundedRect(context,options);  
}