function templateLoader(e) {
        var doc = document,
            body = doc.getElementsByTagName('body'),
            event = EventUtility.getEvent(e),
            target = EventUtility.getTarget(event),
            overlay = $('#overlay');

        console.dir(event.currentTarget);

        if (target !== event.currentTarget) {

            switch(target.id){
                case '1':
                alert(target.title);
                break;

                case '2':
                alert(target.title);
                break;

                case '3':
                alert(target.title);
                break;

                case '4':
                alert(target.title);
                break;

                case '5':
                alert(target.title);
                break;
            }
        }

        EventUtility.stopPropagation(event);

    }

    EventUtility.addHandler(flimFlam, 'click', templateLoader);

});

<div id="Container" class="container">
      <div id="1" title="belief" class="list mix category-1 image-holder" data-myorder="1"><img class="crest" src="public/images/belief.svg" alt="belief"></div>
       <div id="2" title="integrity" class="list mix category-1 image-holder" data-myorder="2"><img class="crest" src="public/images/integrity.svg" alt="integrity"></div>

       <div id="3" title="respect" class="list mix category-1 image-holder" data-myorder="3"><img class="crest" src="public/images/respect.svg" alt="respect"></div>

       <div id="4" title="trust" class="list mix category-2 image-holder" data-myorder="4"><img class="crest" src="public/images/trust.svg" alt="trust"></div>

       <div id="5" title="humility" class="list mix category-1 image-holder" data-myorder="5"><img class="crest" src="public/images/humility.svg" alt="humility"></div>
</div>

for (var i = 0, l = event.target.length; i < l; i++) {
                console.log(target.id[i]);
            };

body = doc.getElementsByTagName('body'),

console.dir(event.currentTarget);
alert(target.title);

switch(target.id){

case '1':
alert(target.title);
break;

case '2':
alert(target.title);
break;

case '3':
alert(target.title);
break;

case '4':
alert(target.title);
break;

case '5':
alert(target.title);
break;

// Noop, I'll explain later
var noop = function(){};

// An operations object, with key as the id, and function as value
var operations = {
  '1': function(){
    // do this if id is 1
  },
  '2': function(){
    // do this if id is 2
  },
  // and so on
}

// If the key target.id doesn't exist, noop gets assigned instead. This
// ensures operationToExecute is always a function.
var operationToExecute = operations[target.id] || noop;

// Execute the operation. Forcing the context to null so that `this`
// inside the operation isn't `window`.
operationToExecute.call(null);