// JavaScript Document

function MosaicGallery(opt) {
    
    opt.id = document.getElementById(opt.id);
    if (!opt.id) return;

    var self = this;

    var li = opt.id.getElementsByTagName('li');
   
    for (var i = 0; i < li.length; i++) {

        li[i].onmouseover = function(e) {
            
            var top = (jQuery(this).css("margin-top"));
            var left = (jQuery(this).css("margin-left"));
            
            var num = this.className.replace(/^.*gallery_item_([0-9]).*$/,'$1');
            var w = opt['item_' + num].w;
            var h = opt['item_' + num].h;
            var new_img = opt['item_' + num].img;
            var classe = 'gallery_zoom_' + w + '_' + h;
            var a = this.getElementsByTagName('a')[0];
            var img = a.getElementsByTagName('img')[0];

            var div = this.getElementsByTagName('div');
            if (div.length == 0) {

                var arrayImg = {

                    title: img.title,
                    classe: classe,
                    img: new_img,
                    width: w,
                    height: h,
                    link: encodeURI(a.href)

                }
                
                jQuery("#gallery_result").html('<div style="margin-top:'+top+';margin-left:'+left+'" class='+arrayImg.classe+'"><img src="'+arrayImg.img+'" alt="" title="'+arrayImg.title+'" height="'+arrayImg.height+'" width="'+arrayImg.width+'" /><span>'+arrayImg.title+'</span><a href="'+arrayImg.link+'">Leia mais...</a></div>');
                div = this.getElementsByTagName('div');
            }
            if (div.length > 0) {
                div[0].onmouseover = function(e) {
                    clearTimeout(self.time);
                };
                div[0].onmouseout = function(e) {
                    if (this.parentNode) {
                        jQuery(this.parentNode).css({
                            zIndex: 1
                        });
                        this.parentNode.removeChild(this);
                    }
                };
            }

            jQuery("#gallery_result").css({
                zIndex: 100
            });
        };
        li[i].onmouseout = function(e) {
            jQuery("#gallery_result").css({
                zIndex: 1
            });

            var div = this.getElementsByTagName('div');

            var selfli = this;
            if (div.length > 0) self.time = setTimeout(function() {
                //selfli.removeChild(div[0]);
               // jQuery("#gallery_result").html("");
            }, 4000);
        };
    }

}