var lb2c = new Class({
	Implements: Chain,
	initialize:function(si){
		p=this
		id_prod=window.location.search.split("sec=")[1]
		new Element("div",{id:"lbO"}).setStyles({"bottom":"0px","top":"0px","width":"100%","height":"100%","position":"fixed","background":"#000","opacity":"0"}).inject($$("body")[0],"bottom").addEvent("click",this.overOff)
		new Element("div",{"id":"image_modal"}).setStyles({"padding":"10px","background":"#fff","left":"50%","top":"50%","position":"fixed","opacity":"0","display":"none"}).inject($("lbO"),"after")
		
	},
	startModal:function(src,si){
		$("lbO").setStyle("display","")
		$("image_modal").setStyle("display","")
		this.overOn()
		this.fadeInImg(src)
	},
	fadeOutImg:function(src){
		if($$("#lbI").length>0){
			new Fx.Tween($("lbI")).start("opacity","0").chain(function(){
				var I=$("lbI").set("src",src)
				p.fadeInImg(src,I)
			})
		} else {
			var I = new Element('img', { 'id':'lbI','src': src }).setStyle("float","left").inject($("side_images"),"before");
			this.fadeInImg(src,I)
		}
	},
	fadeInImg:function(src){
		new Request.HTML({
			url:src,
			onSuccess:function(a,b,response){
				$("image_modal").set("html", response)
				p.e()
				new Fx.Tween($("image_modal")).start("opacity","1")
			}
		}).get()/*
		if (I.complete && Browser.Engine.trident){
			this.e()
			new Fx.Tween($("lbI")).start("opacity","1")
			new Fx.Tween($("image_modal")).start("opacity","1")
		} else {
			I.addEvent("load", function(){
				p.e()
				new Fx.Tween($("lbI")).start("opacity","1")
				new Fx.Tween($("image_modal")).start("opacity","1")
			})
		}*/
	},
	overOn:function(){
		p.iehaxOn()
		new Fx.Morph($("lbO")).start({"opacity":0.6})
		return false;
	},
	overOff:function(){
		new Fx.Tween($("lbO")).start("opacity",0).chain(function(){
			$("lbO").setStyle("display","none")
		})
		new Fx.Tween($("image_modal")).start("opacity","0").chain(function(){
			$("image_modal").setStyle("display","none")
			p.iehaxOff()
		})
		return false
	},
	e:function(){
		var imgProp=1
		var imgPropX=imgPropY=1
		$("image_modal").setStyle("display","inline-block")
		ws=window.getSize()
		ims=$("image_modal").getSize()
		if ((ws.x.toInt()-60)<ims.x.toInt()){ imgPropX=(ws.x.toInt()-60)/ims.x.toInt() }
		if ((ws.y.toInt()-60)<ims.y.toInt()){ imgPropY=(ws.y.toInt()-60)/ims.y.toInt() }
		if (imgPropX>imgPropY){imgProp=imgPropY} else {imgProp=imgPropX}
		$$("#image_modal img").each(function(el){
			if (el.complete && Browser.Engine.trident){
				el.setStyles({"width":el.getSize().x.toInt()*imgProp,"height":el.getSize().y.toInt()*imgProp})
			} else {
				el.addEvent("load", function(){
					el.setStyles({"width":el.getSize().x.toInt()*imgProp,"height":el.getSize().y.toInt()*imgProp})
				})
			}
		})
		ims=$("image_modal").getSize()
		$("image_modal").setStyles({"margin-left":-ims.x/2,"margin-top":-ims.y/2})
	},
	iehaxOn:function(){
		if(Browser.Engine.trident && Browser.Engine.version<=4){
			$$("html, body").setStyles({"overflow":"hidden"})
			$("lbO").setStyles({"top":document.documentElement.scrollTop,"width":window.getSize().x,"height":window.getSize().y,"position":"absolute","bottom":"0","right":"0"})
			$("image_modal").setStyles({"width":"550px","position":"absolute","top":document.documentElement.scrollTop+(document.documentElement.clientHeight/2)})
		}
	},
	iehaxOff:function(){
		if(Browser.Engine.trident && Browser.Engine.version<=4){
			$$("html, body").setStyles({"overflow":"auto"})
		}
	}
})


function lb2(){
	newlb = new lb2c()
	$$(".lb").addEvent("click",function(){newlb.startModal(this.get("href"));return false})
}