﻿var gal = {
    init: function(registration, onclick) {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        if (document.getElementById('gallery')) {
            document.getElementById('gallery').id = 'jgal';
        }
        if (document.getElementById('jgal')) {
            var li = document.getElementById('jgal').getElementsByTagName('li');
            if (li.length > 0) {
                li[0].className = 'active';
                for (i = 0; i < li.length; i++) {
                    li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
                    li[i].title = li[i].getElementsByTagName('img')[0].alt;
                    gal.addEvent(li[i], 'click', function() {
                        var im = document.getElementById('jgal').getElementsByTagName('li');
                        for (j = 0; j < im.length; j++) {
                            im[j].className = '';
                        }
                        this.className = 'active';
                        if (onclick) {
                            var imgNodes = this.getElementsByTagName('img');
                            if (imgNodes && imgNodes.length > 0) {
                                imgNode = imgNodes[0];
                                if (imgNode.attributes.length > 0 &&
                            imgNode.attributes.getNamedItem("src") &&
                            imgNode.attributes.getNamedItem("src").nodeValue) {
                                    onclick(registration, imgNode.attributes.getNamedItem("src").nodeValue);
                                }
                            }
                        }
                    });
                }
                return li.length;
            }
        }
    },

    addEvent: function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e" + type + fn] = fn;
            obj[type + fn] = function() { obj["e" + type + fn](window.event); }
            obj.attachEvent("on" + type, obj[type + fn]);
        }
    }
}
