__eventListeners = [];

function addEventListener(instance, eventName, listener) {
    var listenerFn = listener;
    if (instance.addEventListener) {
	instance.addEventListener(eventName, listenerFn, false);
    } else if (instance.attachEvent) {
	listenerFn = function() {
	    listener(window.event);
	}
	instance.attachEvent("on" + eventName, listenerFn);
    } else {
	throw new Error("Event registration not supported");
    }
    var event = {
	instance: instance,
	name: eventName,
	listener: listenerFn
    };
    __eventListeners.push(event);
    return event;
}

function removeEventListener(event) {
    var instance = event.instance;
    if (instance.removeEventListener) {
	instance.removeEventListener(event.name, event.listener, false);
    } else if (instance.detachEvent) {
	instance.detachEvent("on" + event.name, event.listener);
    }
    for (var i = 0; i < __eventListeners.length; i++) {
	if (__eventListeners[i] == event) {
	    __eventListeners.splice(i, 1);
	    break;
	}
    }
}

function unregisterAllEvents() {
    while (__eventListeners.length > 0) {
	removeEventListener(__eventListeners[0]);
    }
}




// myfunc


function LoadImage(url) {

	document.getElementById('loadwrapper').style.height = document.body.clientHeight;
	document.getElementById('loadcontainer').style.height = document.body.scrollHeight;
	document.getElementById('loadcontainer').style.display="block";
	document.getElementById('preloader').innerHTML='<img src="i/bigloader.gif">';
	document.getElementById('preloader').style.display="block";
	document.getElementById('loadimage').innerHTML='<div><img src="'+url+'" id="imagetoload"></div>';
    	if (navigator.appName != "Opera"){
    		addEventListener(document.getElementById("imagetoload"), "load", ShowImage);
    	} else {
    		ShowImage();
    	}
    	addEventListener(document.getElementById("loadcontainer"), "click", CloseImage);		

}


function ShowImage() {

	document.getElementById('preloader').style.display="none";
	document.getElementById('loadimage').style.display="block";
    	addEventListener(document.getElementById("loadimage"), "click", CloseImage);	

}

function CloseImage() {

	document.getElementById('preloader').style.display="none";
	document.getElementById('preloader').innerHTML='';
	document.getElementById('loadcontainer').style.display="none";
	document.getElementById('loadimage').style.display="none";
	unregisterAllEvents();

}