var lightbox = {
    IE6 : navigator.appVersion.indexOf('MSIE 6') != -1,
    
    IE6fix : function () {
        if(!lightbox.IE6) return;
        
        if (document.documentElement && !document.documentElement.scrollTop)
            var scrollTop = 0;
        else if (document.documentElement && document.documentElement.scrollTop)
            var scrollTop = document.documentElement.scrollTop;
        else if (document.body && document.body.scrollTop)
            var scrollTop = document.body.scrollTop;
            
        lightbox.object.container.setStyle('top:' + scrollTop + 'px');
        lightbox.scrollPos = scrollTop;
        Event.observe(window,'scroll',lightbox.blockScroll);
    },
    
    blockScroll : function () {
        document.documentElement.scrollTop = lightbox.scrollPos;
    },
        
    getLinks : function (id) {
        var mitarbeiterContainer = document.getElementById('mitarbeiterList').getElementsByTagName('div');
        
        for (var i = 0, count = mitarbeiterContainer.length; i < count; i++)
            lightbox.attachFunction(mitarbeiterContainer[i]);
    },
    
    attachFunction : function (container) {
        $(container).observe('click',lightbox.show);
    },
    
    setLanguage : function (lang) {
    	lightbox.language = lang;
    },
    
    show : function (event) {
        try {
            var uid = event.findElement('div').id.substr(String('mitarbeiter').length);
        } catch(e) {
            return;
        }
        
        if (!lightbox.object)
            lightbox.build();
        
        lightbox.IE6fix();
        
        document.body.appendChild(lightbox.object.container).appendChild(lightbox.object.loader);

        new Ajax.Request('index.php', {
            method : 'get',
            parameters: 'eID=mitarbeiter&uID=' + uid + '&lang=' + lightbox.language,
            onSuccess : lightbox.displayData
        });
        
    },
    
    displayData : function (transport) {
        try {
            var data = transport.responseJSON;
        } catch(e) {
            return;
        }

        lightbox.fields.image.update(data.foto);
        lightbox.fields.name.update(data.vorname + ' ' + data.nachname);
        lightbox.fields.kategorie.update(data.kategorie);
        lightbox.fields.telefon.update(data.telefon);
        
        lightbox.fields.email.setAttribute('href',data.email_code);
        lightbox.fields.email.update(data.email);
        
	if (data.ueber_mich == '') {
		lightbox.fields.ueber_mich.title.update('');
        	lightbox.fields.ueber_mich.content.update('');
	} else {
	        lightbox.fields.ueber_mich.title.update(data.ueber_mich_title);
        	lightbox.fields.ueber_mich.content.update(data.ueber_mich);
        }
        
        if (data.aufgaben == '') {
	        lightbox.fields.aufgaben.title.update('');
        	lightbox.fields.aufgaben.content.update('');
        } else {
	        lightbox.fields.aufgaben.title.update(data.aufgaben_title);
        	lightbox.fields.aufgaben.content.update(data.aufgaben);
        }
        
        lightbox.object.closeLink.update(data.close_caption);
        
        lightbox.object.loader.remove();
        lightbox.object.container.appendChild(lightbox.object.content);
    },
    
    build : function () {
        lightbox.object = new Object();
        lightbox.object.container = new Element('div',{'class':'lightbox tx-mitarbeiter-pi2'});
        lightbox.object.background = new Element('div',{'class':'background'});
        lightbox.object.background.setOpacity(.5);
        
        lightbox.object.content = new Element('div',{'class':'content mitarbeiter-single-item'});
        lightbox.object.loader = new Element('div',{'class':'loader content mitarbeiter-single-item'});
        lightbox.object.loader.update('Lade...');
        
        var closeDiv = new Element('div',{'class':'close'});
        lightbox.object.closeLink = new Element('a',{'href':'javascript:void(null)'});
        
        lightbox.object.content.appendChild(closeDiv).appendChild(lightbox.object.closeLink);
        
        var subDiv = new Element('div',{'class':'mitarbeiter'});
        lightbox.object.content.appendChild(subDiv);
        
        lightbox.fields = {};
        
        var fName = ['image','name','kategorie','telefon','email'];
        
        for (var i = 0, count = fName.length; i < count; i++) {
            lightbox.fields[fName[i]] = new Element('div',{'class':fName[i]});
            subDiv.appendChild(lightbox.fields[fName[i]]);
        }
        
        var a = new Element('a');
        lightbox.fields.email.appendChild(a);
        lightbox.fields.email = a;
        
        fName = ['ueber_mich','aufgaben'];
        
        for (var i = 0, count = fName.length; i < count; i++) {
            var obj = new Object();
            
            obj.container = new Element('div',{'class':fName[i].replace('_','')});
            obj.title = new Element('h4');
            obj.content = new Element('p');
            
            subDiv.appendChild(obj.container).appendChild(obj.title);
            obj.container.appendChild(obj.content);
            
            lightbox.fields[fName[i]] = obj;
        }
        
        lightbox.object.container.appendChild(lightbox.object.background);
        
        closeDiv.observe('click',lightbox.close);
        lightbox.object.background.observe('click',lightbox.close);
        
        if(lightbox.IE6) {
                lightbox.object.container.setStyle('position:absolute');
        }
    },
    
    close : function () {
        if (lightbox.IE6)
            Event.stopObserving(window,'scroll',lightbox.blockScroll);
            
        lightbox.object.container.remove();
        lightbox.object.content.remove();
    }
}