var ImageLoader = function(path, dbug) {
  "use strict";
  if(dbug) console.log("[IMAGE_LOADER] Init");
  // Total count of images to load
  var count = 0;

  this.load = function(parent, names, extension, className, id) {
    // Grab the html tag based on the string provided using its id or tag name
    var container = document.getElementById(parent) || document.querySelector(parent);
    // For each image name in the names array
    names.forEach( function(name) {
      // Append the image created into the html container tag given
      container.appendChild(createImage(name, extension, path, className, id)) 
    })
    
  };

  function createImage(name, extension, path, className, id) {
    if(dbug) console.log("[IMAGE_LOADER] Image " + name);
    // Add one to the count of images loading
    count++;
    // Create the element tag
    var image = document.createElement("img");
    // If a path was provided, use it
    image.src = (path ? path + name + extension : name + extension)
    // If an id name was provided, use it - Otherwise, use the original filename
    image.id = (id ? id : name);
    // If a class name was provided, use it
    if(className) image.className = className;

    image.onload = countReady;

    return image;
  }

  function countReady() {
    // Once loaded
    // Subtract one from the count of images loading
    count--;
    // When the count reaches zero
    if( count === 0 ) {
      // All images have loaded
      // Create the event to dispatch the news
      var event = document.createEvent('Event');
      event.initEvent("IMAGES_LOADED", true, false);
      window.dispatchEvent(event);
    }
  }
};