function lpopup_Engine() {
	this.imgPreload = new Image();

	this.pageWidth	= 0;
	this.pageHeight = 0;

	this.body = null;

	this.callbacks = {};

	this.cOverlay	= null;
	this.cContainer = null;
	this.cImage		= null;
	this.cPreloader	= null;
};

lpopup_Engine.prototype = {

	init: function( tag_name ) {

		if (!document.getElementsByTagName)
			return;

		var tags_c = 0;
        var csplit = new Array();
		var tags = document.getElementsByTagName( tag_name );
		var tags_l = tags.length;
		for (var i=0; i<tags_l; i++){
			var pop = tags[i].className.split(" ")
			if ( !this.hasClass(pop[0], 'popup') )
				continue;

			csplit = pop[0].split(":")
            this.register('click', function(){lpopup.show(this)}, tags[i]);

			tags_c++;
		}

		if (!tags_c)
			return;

		this.body = document.getElementsByTagName("body").item(0);

		this.createOverlay();
	},

	getPageSize: function() {
		var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = document.body.scrollWidth;
			yScroll = window.innerHeight + window.scrollMaxY;

		} else if (document.body.scrollHeight > document.body.offsetHeight){
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;

		} else {
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;

		}
		
		var windowWidth, windowHeight;
		if (self.innerHeight) {
			windowWidth = self.innerWidth;
			windowHeight = self.innerHeight;

		} else if (document.documentElement && document.documentElement.clientHeight) {
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;

		} else if (document.body) {
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		if (yScroll < windowHeight){
			this.pageHeight = windowHeight;
		} else { 
			this.pageHeight = yScroll;
		}

		if (xScroll < windowWidth){	
			this.pageWidth = windowWidth;
		} else {
			this.pageWidth = xScroll;
		}

	},

	createOverlay: function() {
		this.cOverlay = document.createElement("div");
		this.cOverlay.setAttribute('id','lpopup-overlay');
		
		this.cOverlay.style.display		= 'none';
		this.cOverlay.style.position	= 'absolute';
		this.cOverlay.style.top			= '0px';
		this.cOverlay.style.left		= '0px';
		this.cOverlay.style.zIndex		= '90';
		this.cOverlay.style.width		= '100%';
		this.cOverlay.style.height = (this.pageHeight + 'px');

		this.body.insertBefore(this.cOverlay, this.body.firstChild);
	},

	hasClass: function(c, s) {
		var classList = c.split(" ");
		for (var j=0; j<classList.length; j++)
		{
			prop = classList[j].split(":");
			if (prop[0] == s)
			{
				return true;
			}
		}
		return false
	},

	register: function(evnt, func, o) {
		if ( typeof(func) != 'function' )
			return false;

		if ( typeof(o) == 'undefined' )
			o = window;

		if (o.addEventListener) {
			o.addEventListener(evnt, func, false);

		} else if (o.attachEvent) {
			if (!o._listeners)
				o._listeners = new Array();

			if (!o._listeners[evnt])
				o._listeners[evnt] = new Array();

			var workaroundFunc = function() {
				func.apply(o, new Array());
			}

			o._listeners[evnt][func] = workaroundFunc;

			o.attachEvent('on' + evnt, workaroundFunc);
		}
	},

	unregister : function(evnt, func, o) {
		if ( typeof(func) != 'function' )
			return false;

		if ( typeof(o) == 'undefined' )
			o = window;

		if (o.removeEventListener) {
			o.removeEventListener(evnt, func, false);

		} else if (o.detachEvent) {
			if (o._listeners && o._listeners[evnt] && o._listeners[evnt][func]) {
				o.detachEvent('on' + evnt, o._listeners[evnt][func]);
			}

		}
	},

	createContainer: function(width, height) {

		if( typeof( window.innerWidth ) == 'number' ) {
			// FireFox
			pageHeight = window.innerHeight;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			// IE 6+ in 'standards compliant mode'
			pageHeight = document.documentElement.clientHeight;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			// IE 4 compatible
			pageHeight = document.body.clientHeight;
		}

		var containerTop	= (pageHeight - 35 - height) / 2;

		var scrOfX = 0, scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			// FireFox
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;
		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			// IE 6+ in 'standards compliant mode'
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			// IE 4 compatible
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		}
		
		containerTop += scrOfY;
		var containerLeft	= (this.pageWidth - 20 - width) / 2;

		var containerWidth  = width;
		var containerHeight = parseInt(height);

		if (this.cContainer == null) {
			this.cContainer = document.createElement("div");
			this.cContainer.setAttribute('id','lpopup-container');
			this.body.insertBefore(this.cContainer, this.body.firstChild);
		}

		this.cContainer.style.position	= 'absolute';
		this.cContainer.style.zIndex	= '91';
		this.cContainer.style.top		= (containerTop < 0) ? "0px" : containerTop + "px";
		this.cContainer.style.left		= (containerLeft < 0) ? "0px" : containerLeft + "px";
		this.cContainer.style.height	= containerHeight + 'px';
		this.cContainer.style.width		= containerWidth + 'px';
		this.cContainer.style.display	= 'block';

    },

	createImage: function(width, height, url) {
		if (this.cImage == null) {
			this.cImage = document.createElement("img");
			this.cImage.setAttribute('id','lpopup-image');
			this.cContainer.appendChild(this.cImage);
		}

		this.cImage.style.display = 'none';

		this.register('load', function(){lpopup.imgLoaded()}, this.cImage);

		this.cImage.setAttribute('width', width);
		this.cImage.setAttribute('height', height);
		this.cImage.setAttribute('src', url);

		this.setOpacity(this.cImage, 10);
	},

	createPreloader: function() {

		if (window.innerHeight && window.scrollMaxY) {	
			var pageCorrection =  window.innerHeight / 2;
			var preloaderTop	= (this.pageHeight - 35 - pageCorrection) / 2;

		} else if (document.body.scrollHeight > document.body.offsetHeight){
			var pageCorrection = document.body.scrollHeight / 4;
			var preloaderTop	= (this.pageHeight - 35 - pageCorrection) / 2;

		} else {
			var pageCorrection = document.body.scrollHeight / 4;
			var preloaderTop	= (this.pageHeight - 35 - pageCorrection) / 2;

		}

		var scrOfX = 0, scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;

		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;

		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		}
		
		preloaderTop += scrOfY;

		var preloaderLeft	= (this.pageWidth - 35) / 2;

		if ( this.cPreloader == null ) {
			this.cPreloader = document.createElement("img");
			this.cPreloader.setAttribute('id','lpopup-preloader');
			this.cPreloader.setAttribute('src', 'gfx/loading.gif');

			this.body.insertBefore(this.cPreloader, this.body.firstChild);

			this.cPreloader.style.display	= 'none';
		}

		this.cPreloader.style.top		= preloaderTop + "px";
		this.cPreloader.style.left		= preloaderLeft + "px";
		this.cPreloader.style.position	= 'absolute';
		this.cPreloader.style.zIndex	= '92';
	},

	show: function(i) {

		var pop = i.className.split(" ")
		var csplit = pop[0].split(":")

		var imageURL	= csplit[1];
		var imageWidth  = csplit[2];
		var imageHeight	= csplit[3];

		this.getPageSize();

		this.cOverlay.style.height	= this.pageHeight + 'px';
		this.cOverlay.style.display = 'block';

		this.setOpacity(this.cOverlay, 40);

		this.createContainer(imageWidth, imageHeight);
		this.createImage(imageWidth, imageHeight, imageURL);

		this.togglePreload();
        if ( typeof(this.callbacks['show']) != 'undefined' )
            this.callbacks['show']( this.cContainer );
        
	},

	hide: function() {
		this.cOverlay.style.display		= 'none';
		this.cContainer.style.display	= 'none';
		this.cPreloader.style.display	= 'none';

		this.cContainer.removeChild(this.cImage);
		this.cImage = null;

        if ( typeof(this.callbacks['hide']) != 'undefined' )
            this.callbacks['hide'](this.cContainer);

	},

	togglePreload: function() {
		this.createPreloader();
		this.cPreloader.style.display = ( this.cPreloader.style.display == 'none' )?'block':'none';
	},

	imgLoaded: function() {
		this.togglePreload();

		this.cImage.style.display = 'block';

		this.cImage.onload = function(){}; // wipe
		this.unregister('load', this.cImage);

		this.register('click', function(){lpopup.hide()}, this.cImage);

		setTimeout('lpopup.imgFade(3)', 1);
	},

	imgFade: function(opacity) {

		if (!this.cImage)
			return false;

		this.setOpacity(this.cImage, opacity*opacity);

		if (opacity*opacity < 100) {
			opacity += 0.45;
        } else {
            return;
        }

		setTimeout('lpopup.imgFade('+opacity+')', 1);
	},

	setOpacity: function(o, opacity) {
		o.style.opacity = (opacity / 100);
		o.style.MozOpacity = (opacity / 100);
		o.style.KhtmlOpacity = (opacity / 100);
		o.style.filter = "alpha(opacity=" + opacity + ")";
	},

    attach: function(event, func) {
        this.callbacks[event] = func;
    }

}

var lpopup = new lpopup_Engine();
lpopup.register('load', function(){lpopup.init('a')});
lpopup.register('load', function(){lpopup.init('img')});

function setPopupTitle( cContainer ) {

    spectitle = document.createElement("div");
    spectitle.setAttribute('id','lpopup-close');
    spectitle.style.height  = '-15';
    spectitle.style.width   = cContainer.style.width;

    cContainer.insertBefore(spectitle, cContainer.firstChild);

    lpopup.register('click', function(){lpopup.hide()}, spectitle);
}
lpopup.attach('show', setPopupTitle);

function removePopupTitle( cContainer ) {
    cContainer.removeChild(cContainer.firstChild);
}
lpopup.attach('hide', removePopupTitle);