/* * CustomLightBox 2 by Eduardo D. Sada (http://www.coders.me) * versión 2.0.1 * To be used with mootools 1.2 * Packed version 7.96KB * * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ var CustomLightBox=new Class({getOptions:{name:'TB',zIndex:65555,onReturn:false,onReturnFunction:$empty,BoxStyles:{'width':486,'height':320},OverlayStyles:{'background-color':'#000','position':'fixed','opacity':0.6},Skin:{'white':{hexcolor:'#FFFFFF',captionColor:'#24200e'},'black':{hexcolor:'#24200e',captionColor:'#FFFFFF'}},color:'black',find:'sexylightbox',imagesdir:'http://nufletch.com/new/images/lightimages/',background:'bgSexy.png',backgroundIE:'bgSexy.gif',closeButton:'SexyClose.gif',showDuration:200,showEffect:Fx.Transitions.linear,closeDuration:200,closeEffect:Fx.Transitions.linear,moveDuration:800,moveEffect:Fx.Transitions.Back.easeInOut,resizeDuration:800,resizeEffect:Fx.Transitions.Back.easeInOut},initialize:function(c){this.setOptions(this.getOptions,c);if(Browser.Engine.trident4)this.strBG=this.options.imagesdir+'/'+this.options.color+'/'+this.options.backgroundIE;else this.strBG=this.options.imagesdir+'/'+this.options.color+'/'+this.options.background;this.options.display==0;this.Overlay=new Element('div',{'styles':{'display':'none','z-index':this.options.zIndex,'position':'absolute','top':'0','left':'0','background-color':this.options.OverlayStyles['background-color'],'opacity':0,'height':window.getScrollHeight()+'px','width':window.getScrollWidth()+'px'}});this.Wraper=new Element('div',{'class':'CustomLightBox_cb','styles':{'z-index':this.options.zIndex,'display':'none','position':'absolute','top':-this.options.BoxStyles['height']+'px','left':(window.getScroll().x+(window.getSize().x-this.options.BoxStyles['width'])/2).toInt()+'px'}});this.Clapclap=new Element('div',{'styles':{'position':'absolute','left':'7px','top':'7px','float':'left','overflow':'hidden','z-index':this.options.zIndex+1}}).injectInside(this.Wraper);this.Contenedor=new Element('div',{'styles':{'position':'absolute','width':this.options.BoxStyles['width']+'px','z-index':this.options.zIndex+2}}).injectInside(this.Wraper);this.bt=new Element('div',{'class':'bt','styles':{'background-image':'url('+this.strBG+')'}}).injectInside(this.Contenedor);this.CloseButton=new Element('a',{'href':'#'}).injectInside(this.bt);new Element('img',{'src':this.options.imagesdir+'/'+this.options.color+'/'+this.options.closeButton}).injectInside(this.CloseButton);new Element('div',{'styles':{'background-image':'url('+this.strBG+')'}}).injectInside(this.bt);this.Contenido=new Element('div',{'class':'i1','styles':{'height':this.options.BoxStyles['height']+'px','border-left-color':this.options.Skin[this.options.color].hexcolor,'border-right-color':this.options.Skin[this.options.color].hexcolor}}).injectInside(this.Contenedor);this.bb=new Element('div',{'class':'bb','styles':{'background-image':'url('+this.strBG+')'}}).injectInside(this.Contenedor);this.innerbb=new Element('div',{'class':'innerbb','styles':{'background-image':'url('+this.strBG+')'}}).injectInside(this.bb);this.Nav=new Element('div',{'class':'nav','styles':{'color':this.options.Skin[this.options.color].captionColor}});this.Descripcion=new Element('strong',{'styles':{'color':this.options.Skin[this.options.color].captionColor}});this.Overlay.injectInside(document.body);this.Wraper.injectInside(document.body);this.CloseButton.addEvent('click',function(a){a.stop();this.display(0)}.bind(this));window.addEvent('resize',function(){if(this.options.display==1){this.replaceBox()}else{this.Overlay.set('styles',{'height':'0px','width':'0px'})}}.bind(this));window.addEvent('scroll',function(){if(this.options.display==1){this.replaceBox()}}.bind(this));this.Overlay.addEvent('click',function(){this.display(0)}.bind(this));this.anchors=[];var d=/\.(jpe?g|png|gif|bmp)/gi;$$("a","area").each(function(b){if(b.getProperty('rel')&&b.getProperty('rel').test("^"+this.options.find)){b.addEvent('click',function(a){a.stop();this.hook(b)}.bind(this));this.anchors.push(b)}}.bind(this));this.MoveBox=$empty()},hook:function(a){a.blur();this.show((a.title||a.name||""),a.href,(a.getProperty('rel')||false))},display:function(b){if(this.Transition)this.Transition.cancel();if(this.options.display==0&&b!=0||b==1){if(Browser.Engine.trident4)$$('select','object','embed').each(function(a){a.style.visibility='hidden'});this.Overlay.setStyle('display','block');this.options.display=1;this.fireEvent('onShowStart',[this.Overlay]);this.Transition=new Fx.Tween(this.Overlay,{property:'opacity',duration:this.options.showDuration,transition:this.options.showEffect,onComplete:function(){sizes=window.getSize();scrollito=window.getScroll();this.Wraper.setStyles({'display':'block','left':(scrollito.x+(sizes.x-this.options.BoxStyles['width'])/2).toInt()});this.fireEvent('onShowComplete',[this.Overlay])}.bind(this)}).start(this.options.OverlayStyles['opacity'])}else{if(Browser.Engine.trident4)$$('select','object','embed').each(function(a){a.style.visibility='visible'});this.Wraper.setStyles({'display':'none','top':0});this.options.display=0;this.fireEvent('onCloseStart',[this.Overlay]);this.Transition=new Fx.Tween(this.Overlay,{property:'opacity',duration:this.options.closeDuration,transition:this.options.closeEffect,onComplete:function(){this.fireEvent('onCloseComplete',[this.Overlay])}.bind(this)}).start(0)}},replaceBox:function(a){sizes=window.getSize();scrollito=window.getScroll();a=$extend({'width':this.ajustarWidth,'height':this.ajustarHeight,'resize':0},a||{});if(this.MoveBox)this.MoveBox.cancel();this.MoveBox=new Fx.Morph(this.Wraper,{duration:this.options.moveDuration,transition:this.options.moveEffect}).start({'left':(scrollito.x+(sizes.x-a.width)/2).toInt(),'top':(scrollito.y+(sizes.y-a.height)/2).toInt()-40});if(a.resize){if(this.ResizeBox2)this.ResizeBox2.cancel();this.ResizeBox2=new Fx.Morph(this.Contenido,{duration:this.options.resizeDuration,transition:this.options.resizeEffect}).start({'height':a.height+'px'});if(this.ResizeBox)this.ResizeBox.cancel();this.ResizeBox=new Fx.Morph(this.Contenedor,{duration:this.options.resizeDuration,transition:this.options.resizeEffect}).start({'width':a.width+'px'})}this.Overlay.set('styles',{'height':window.getScrollHeight()+'px','width':window.getScrollWidth()+'px'})},getInfo:function(a,b){return new Element('a',{'id':this.options.name+b,'title':a.title,'href':a.href,'rel':a.getProperty('rel')}).adopt(new Element('img',{'src':this.options.imagesdir+'/'+this.options.color+'/SexyBt'+b+'.png','class':'bt'+b}))},show:function(c,d,e){this.MostrarNav=false;this.showLoading();var f=d.match(/(.+)?/)[1]||d;var g=/\.(jpe?g|png|gif|bmp)/gi;if(f.match(g)){if(e.length>this.options.find.length){this.MostrarNav=true;var h=false;var i=false;this.anchors.each(function(a){if(a.getProperty('rel')==e&&!i){if(a.href==d){h=true}else{if(h){this.next=this.getInfo(a,"Right");i=true}else{this.prev=this.getInfo(a,"Left")}}}}.bind(this))}this.imgPreloader=new Image();this.imgPreloader.onload=function(){this.imgPreloader.onload=function(){};var x=window.getWidth()-150;var y=window.getHeight()-150;var a=this.imgPreloader.width;var b=this.imgPreloader.height;if(a>x){b=b*(x/a);a=x;if(b>y){a=a*(y/b);b=y}}else if(b>y){a=a*(y/b);b=y;if(a>x){b=b*(x/a);a=x}}if(this.MostrarNav||c){this.ajustarHeight=(b-21)}else{this.ajustarHeight=(b-34)};this.ajustarWidth=(a+14);this.replaceBox({'width':this.ajustarWidth,'height':this.ajustarHeight,'resize':1});this.ResizeBox.addEvent('onComplete',function(){this.showImage(this.imgPreloader.src,{'width':a,'height':b})}.bind(this));this.addButtons()}.bind(this);this.imgPreloader.onerror=function(){if(this.MostrarNav||c){this.ajustarHeight=(this.options.BoxStyles['height']-21)}else{this.ajustarHeight=(this.options.BoxStyles['height']-34)};this.ajustarWidth=(this.options.BoxStyles['width']+14);this.replaceBox({'width':this.ajustarWidth,'height':this.ajustarHeight,'resize':1});this.ResizeBox.addEvent('onComplete',function(){this.showImage(this.options.imagesdir+'/'+this.options.color+'/404.png',this.options.BoxStyles)}.bind(this));this.addButtons()}.bind(this);this.imgPreloader.src=d}else{var j=d.match(/\?(.+)/)[1];var k=this.parseQuery(j);if(this.MostrarNav||c){this.ajustarHeight=(k['height'].toInt()-21)}else{this.ajustarHeight=(k['height'].toInt()-34)};this.ajustarWidth=(k['width'].toInt()+14);this.replaceBox({'width':this.ajustarWidth,'height':this.ajustarHeight,'resize':1});if(d.indexOf('TB_inline')!=-1){this.ResizeBox.addEvent('onComplete',function(){this.showContent($(k['inlineId']).get('html'),{'width':this.ajustarWidth,'height':this.ajustarHeight+34})}.bind(this))}else if(d.indexOf('TB_iframe')!=-1){var l=d.split('TB_');this.ResizeBox.addEvent('onComplete',function(){this.showIframe(l[0],{'width':this.ajustarWidth,'height':this.ajustarHeight+34})}.bind(this))}else{this.ResizeBox.addEvent('onComplete',function(){var a=new Request.HTML({url:d,method:'get',onSuccess:this.handlerFunc.bind(this)}).send()}.bind(this))}}this.showNav(c);this.display(1)},handlerFunc:function(a,b,c){this.showContent(c,{'width':this.ajustarWidth,'height':this.ajustarHeight+34})},addButtons:function(){if(this.prev)this.prev.addEvent('click',function(a){a.stop();this.hook(this.prev)}.bind(this));if(this.next)this.next.addEvent('click',function(a){a.stop();this.hook(this.next)}.bind(this))},showNav:function(a){if(this.MostrarNav||a){this.bb.addClass("bbnav");this.Nav.empty();this.Nav.injectInside(this.innerbb);this.Descripcion.set('html',a);this.Nav.adopt(this.prev);this.Nav.adopt(this.next);this.Descripcion.injectInside(this.Nav)}else{this.bb.removeClass("bbnav");this.innerbb.empty()}},showImage:function(a,b){this.Image=new Element('img',{'src':a,'styles':{width:b['width'],height:b['height']}}).injectInside(this.Clapclap.empty().erase('styles').set('styles',{width:'auto',height:'auto',overflow:'visible'}));this.Contenedor.setStyles({'background':'none'});this.Contenido.empty().set('styles',{'background-color':'transparent',padding:'0px',overflow:'visible',width:'auto'})},showContent:function(a,b){this.Clapclap.set('styles',{width:b['width']-14,height:b['height'],'background-color':'#24200e'});this.Image=new Element('div',{'styles':{width:b['width']-14-40,height:b['height']-34,background:'#24200e'}}).set('html',a).injectInside(this.Contenido.empty().set('styles',{'background-color':'#24200e',padding:'0 20px',overflow:'auto',width:b['width']-14-40}));this.Contenedor.setStyles({'background':'none'})},showIframe:function(a,b){this.Clapclap.set('styles',{width:b['width']-14,height:b['height'],'background-color':'#24200e'});this.Image=new Element('iframe',{frameborder:0,'styles':{width:b['width']-14,height:b['height']-34,background:'#24200e'}}).set('src',a).injectInside(this.Contenido.empty().set('styles',{'background-color':'#24200e',padding:'0px',overflow:'visible',width:b['width']-14}));this.Contenedor.setStyles({'background':'none'})},showLoading:function(){this.Clapclap.empty().erase('styles').set('styles',{width:'auto',height:'auto'});this.Contenido.empty().set('styles',{'background-color':'transparent',padding:'0px',overflow:'visible',width:'auto'});this.Contenedor.setStyles({'background':'url('+this.options.imagesdir+'/'+this.options.color+'/loading.gif) no-repeat 50% 50%'});this.replaceBox({'width':this.options.BoxStyles['width'],'height':this.options.BoxStyles['height'],'resize':1})},parseQuery:function(a){if(!a)return{};var b={};var c=a.split(/[;&]/);for(var i=0;i