Image Loading Problem in Templates

// Register a templates definition set named "default".
CKEDITOR.addTemplates( 'default',
{
   // The name of sub folder which hold the shortcut preview images of the templates.
   imagesPath : CKEDITOR.getUrl( CKEDITOR.plugins.getPath( 'templates' ) + 'templates/images/' ),

   // The templates definitions.
   templates :
      [
         {
            title: 'My Template 1',
            image: 'template1.gif',
            description: 'Description of my template 1.',
            html:
               '<h2>Template 1</h2>' +
               '<p><img scr="http://localhost/testProj/custom/templates/templates/images/template1.gif" style="float:left" />Type the text here.</p>'
         },
         {
            title: 'My Template 2',
            html:
               '<h3>Template 2</h3>' +
               '<p><img scr="http://a.cksource.com/e/1/img/logo-cksource-docs.gif" style="float:left"></p>'
         }
      ]
});

var images = array('http://localhost/testProj/custom/templates/templates/images/template1.gif');
var test = function(){alert('Please Work')};
CKEDITOR.imageCacher.load(images, test);