mt.Loader.addListener({name:'onload',handler:main,once:true,scope:this});
var elements = {};

function main(){	
	elements['imgBig'] = new mt.controls.basic.Image({id:'imgBig',css:'big',url:'_images/spacer.gif',opacity:0,appendTo:mt.controls.basic.Document});	
	elements['divBg'] = new mt.controls.basic.Layer({id:'divBg',css:'blackbg',opacity:0,left:0,top:0,appendTo:mt.controls.basic.Document});							
	
	elements['imgBig'].addListener({name:'onclick',handler:onclickHandler,scope:this});			
	elements['divBg'].addListener({name:'onclick',handler:onclickHandler,scope:this});
	
	onresizeHandler();
	
	mt.controls.basic.Document.addListener({name:'onscroll',handler:onresizeHandler,scope:this});		
	mt.controls.basic.Document.addListener({name:'onresize',handler:onresizeHandler,scope:this});	
}

function onresizeHandler(){
	elements['imgBig'].setTop(mt.controls.basic.Document.scrollTop+(mt.controls.basic.Document.height-elements['imgBig'].html.offsetHeight)/2);
	elements['imgBig'].setLeft(mt.controls.basic.Document.scrollLeft+(mt.controls.basic.Document.width-elements['imgBig'].html.offsetWidth)/2);	
	
	//elements['divBg'].setTop(mt.controls.basic.Document.scrollTop);
	//elements['divBg'].setLeft(mt.controls.basic.Document.scrollLeft);	
	
	elements['divBg'].setWidth(mt.controls.basic.Document.width);
	elements['divBg'].setHeight(mt.controls.basic.Document.height);	
}

function onclickHandler(){
	elements['imgBig'].removeListener({name:'onload',handler:onloadHandler});
	
	mt.core.Fx.fadeOut(elements['imgBig']);
	mt.core.Fx.fadeOut(elements['divBg']);	
}

var onloadHandler;
function showImage(_file,_width,_height){													
	elements['imgBig'].setUrl('_images/_img/gallery/' + _file);
	
	onresizeHandler();	
	
	//check if image is loaded
	if(elements['imgBig'].loaded){
		mt.core.Fx.fadeIn(elements['imgBig']);
	}
	else {
		onloadHandler = elements['imgBig'].addListener({name:'onload',handler:function(){
			onresizeHandler();
			mt.core.Fx.fadeIn(elements['imgBig']);
		},scope:this});
	}
	mt.core.Fx.glide(elements['divBg'],{opacity:0.8});
}	

