function periodRepage(link){
    document.location.replace(link);
}

function draw(){
    var canvas = document.getElementById('canva');
    if (canvas.getContext){
        var ctx = canvas.getContext('2d');
        // предупреждая следующий вопрос, нет, трехмерного контекста рисования нет, 
        // рисовать можно только на плоскости
        ctx.fillStyle = "rgb(200,0,0)";
        ctx.fillRect (10, 10, 55, 50);

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
        ctx.fillRect (30, 30, 55, 50);

        ctx.fillStyle = "rgb(0,0,0)"; // черный цвет
        ctx.fillRect(100,100,100,100);
        ctx.clearRect(125,125,60,60);
        ctx.strokeRect(150,150, 120,120);
    }
}

function draw1() {  
  
  // Loop through all images  
  for (i=0;i<document.images.length;i++){  
  
    // Don't add a canvas for the frame image  
    if (document.images[i].getAttribute('id')!='frame'){  
  
      // Create canvas element  
      canvas = document.createElement('CANVAS');  
      canvas.setAttribute('width',132);  
      canvas.setAttribute('height',150);  
  
      // Insert before the image  
      document.images[i].parentNode.insertBefore(canvas,document.images[i]);  
  
      ctx = canvas.getContext('2d');  
  
      // Draw image to canvas  
      ctx.drawImage(document.images[i],15,20);  
  
      // Add frame  
      ctx.drawImage(document.getElementById('frame'),0,0);  
    }  
  }  
}




function createCanvas(elem){
    /** @type {HTMLElement} */
    var canvas;
    
    if (elem.className.indexOf('ictinus-init') != -1) {
        // ищем созданный холст
        if (elem.nodeName == 'IMG' && hasClass(elem.previousSibling, 'ictinus')) {
            canvas = elem.previousSibling;
        } else if (elem.getElementsByTagName('div').length) {
            var children = elem.getElementsByTagName('div');
            for (var i = 0; i < children.length; i++) {
                if (hasClass(children[i], 'ictinus')) {
                    canvas = children[i];
                    break;
                }
            }
        }
    }
    
    if (!canvas) {
        canvas = document.createElement('div');
        
        canvas.style.width = elem.offsetWidth + 'px';
        canvas.style.height = elem.offsetHeight + 'px';
        canvas.className = 'ictinus';
        
        if (elem.tagName == 'IMG') {
            elem.parentNode.insertBefore(canvas, elem);
        } else {
            elem.appendChild(canvas);
        }
        
        elem.className = (elem.className ? elem.className + ' ' : '') + 'ictinus-init';
    }
    return canvas;
}