$(document).ready(function(){
    //draw();
});

function draw(){
  var canvas = document.getElementById('fundo-dir');
  var canvasProd = document.getElementById('canvas-produtos');
  
  if(canvasProd.getContext){
    var ctxP = canvasProd.getContext('2d');
    //Barra de produtos
    
    var lingrad = ctxP.createLinearGradient(0,0,1242,0);
    lingrad.addColorStop(0.5, '#e6e6e6');
    lingrad.addColorStop(1, '#dedede');
    
    ctxP.beginPath();
    ctxP.fillStyle = lingrad;
    
    ctxP.moveTo(0,0);
    ctxP.lineTo(1242,0);
    ctxP.lineTo(1242,294);
    ctxP.lineTo(0,294);
    ctxP.lineTo(0,91);
    ctxP.lineTo(10,81);
    ctxP.lineTo(0,71);
    
    ctxP.fill();
  }
  
//  if (canvas.getContext){
//    var ctx = canvas.getContext('2d');
//    
//
//    ctx.beginPath();
//    ctx.fillStyle = "#d7d7d7";
//    ctx.moveTo(0,119);
//    ctx.lineTo(165,0);
//    ctx.lineTo(845,0);  
//    ctx.lineTo(845,460);  
//    ctx.lineTo(323,847);  
//    ctx.lineTo(0,847);  
//    ctx.lineTo(0,119);
//    
//    ctx.shadowOffsetX = -5;   
//    ctx.shadowOffsetY = 5;   
//    ctx.shadowBlur = 5;   
//    ctx.shadowColor = "rgba(0, 0, 0, 0.5)"; 
//      
//    ctx.fill();
//    
//    
//  }
  
}

function drawHome(){
  var canvas = document.getElementById('fundo-dir');
  if (canvas.getContext){
    var ctx = canvas.getContext('2d');

    ctx.beginPath();
    ctx.fillStyle = "#d7d7d7";
    ctx.moveTo(0,119);
    ctx.lineTo(165,0);
    ctx.lineTo(845,0);  
    ctx.lineTo(845,460);  
    ctx.lineTo(323,847);  
    ctx.lineTo(0,847);  
    ctx.lineTo(0,119);
    
    ctx.shadowOffsetX = -5;   
    ctx.shadowOffsetY = 5;   
    ctx.shadowBlur = 5;   
    ctx.shadowColor = "rgba(0, 0, 0, 0.5)"; 
      
    ctx.fill(); 
  }  
}