var mBox=new Class({options:{mode:'w',showthumbs:true,download:true,zoom:false,width:600,height:450,help:'',delay:500,transition:Fx.Transitions.quintOut,timer:10000,autostart:false},initialize:function(a){this.setOptions(a);this.options.urlbase=this.options.siteurl+'/wp-content/plugins/mbox';this.box=$('mbox-'+this.options.id);this.options.width=this.options.width.toInt();this.options.height=this.options.height.toInt();if(this.options.autostart=="true"){this.options.autostart=true};if(this.options.download=="false"){this.options.download=false};if(this.options.zoom=="true"){this.options.zoom=true};this.box.setStyles({'width':this.options.width+'px','height':this.options.height+24+'px'});this.options.perpage=Math.floor((this.options.width-50)/25);this.loading();this.generate();if(this.options.help!=''){var b=new Element('p',{'id':'mbox-help-'+this.options.id,'class':'mbox-help'}).setHTML(this.options.help).injectAfter(this.box)}},loading:function(){this.box.empty();var a=new Element('div',{'class':'mbox-load'});a.inject(this.box)},generate:function(){switch(this.options.mode){case"f":var b=this.options.urlbase+'/flickr.php?t='+this.options.flickr_tags;break;case"d":var b=this.options.urlbase+'/fldr.php?p='+this.options.folder;break;default:var b=this.options.urlbase+'/db.php?id='+this.options.post;break};var c=new Json.Remote(b,{onComplete:function(a){this.colection=a.previews;this.process()}.bind(this)}).send()},process:function(b){if(typeof b=="undefined"){b=1};var c=(b-1)*this.options.perpage;var d=(b*this.options.perpage)-1;this.box.empty();this.images=new Array();this.photoid=-1;i=0;p=0;if(this.colection.length>0){this.colection.each(function(a){if(p>=c&&p<=d){if(this.options.mode=="w"||this.options.mode=="f"){src=a.src;thumb=a.thumb}else{src='/'+this.options.folder+'/'+a.src;thumb='/'+this.options.folder+'/'+a.thumb};if(a.thumb==""){thumb=this.options.siteurl+'/wp-content/plugins/mbox/img/noimage.gif'}this.images[i]={'id':a.id,'value':p+1,'src':src,'thumb':thumb,'title':a.title,'desc':a.desc,'file':a.file};new Asset.image(this.images[i].thumb);i++};p++}.bind(this));this.navigationbar(b);this.box.links=$$('#mbox-'+this.options.id+' a.a-box');this.removeevents();var e=new Element('div',{'id':'mbox-fcon-'+this.options.id,'class':'mbox-fcon'}).injectTop(this.box);var f=new Element('img',{'id':'mbox-foto-'+this.options.id,'class':'mbox-foto'}).injectInside(e);var g=new Element('div',{'id':'mbox-info-'+this.options.id,'class':'mbox-info'}).injectTop(this.box);var h=new Element('p',{'id':'mbox-capt-'+this.options.id,'class':'mbox-capt'}).setHTML('').injectInside(g);var j=new Element('p',{'id':'mbox-desc-'+this.options.id,'class':'mbox-desc'}).setHTML('').injectInside(g);if(this.options.download){var k=new Element('a',{'id':'mbox-down-'+this.options.id,'class':'mbox-down'}).injectInside(g)};if(this.options.zoom){var l=new Element('a',{'id':'mbox-zoom-'+this.options.id,'class':'mbox-zoom'}).injectInside(g)};this.setevents();if(this.options.autostart){this.toggleshow()}else{this.nextImg()}}else{var m=new Element('p',{'id':'mbox-alrt-'+this.options.id,'class':'mbox-alrt'}).setHTML(this.options.alert).injectInside(this.box);this.box.setStyles({'height':'50px'})}},navigationbar:function(g){var h=new Element('div',{'id':'mbox-navi-'+this.options.id,'class':'mbox-navi'}).injectTop(this.box);var i=new Element('ul',{'id':'mbox-thli-'+this.options.id,'class':'mbox-thli'}).inject(h);this.images.each(function(a,b){var c=new Element('li',{'class':'item'}).inject(i);var d=new Element('a',{'id':a.id,'href':a.src,'class':'a-box','title':a.title,'target':'_blank'});var e=new Element('span').setHTML(a.value).injectInside(d);if(this.options.showthumbs){var f=new Element('img',{'src':a.thumb,'alt':a.title,'title':'Click para ampliar',width:50,height:50}).injectInside(d)};d.injectInside(c)}.bind(this));var j=new Element('a',{'id':'mbox-slid-'+this.options.id,'class':'mbox-slid','href':'javascript:void(0);'}).setHTML('activar').injectInside(h);$('mbox-slid-'+this.options.id).addEvent('click',function(){this.toggleshow()}.bind(this));this.paginator(g,h)},paginator:function(a,b){if(this.colection.length>this.options.perpage&&this.options.perpage>-1){var c=new Element('div',{'id':'mbox-pags-'+this.options.id,'class':'mbox-pags'}).inject(b);var d=Math.ceil(this.colection.length/this.options.perpage);if(a-1>0){var f=new Element('a',{'id':'mbox-prev-'+this.options.id,'class':'mbox-prev','href':a-1,'title':a-1}).inject(c);$('mbox-prev-'+this.options.id).addEvent('click',function(e){e=new Event(e).stop();this.process(a-1)}.bind(this))};if(a+1<=d){var g=new Element('a',{'id':'mbox-next-'+this.options.id,'class':'mbox-next','href':a+1,'title':a+1}).inject(c);$('mbox-next-'+this.options.id).addEvent('click',function(e){e=new Event(e).stop();this.process(a+1)}.bind(this))}}},setevents:function(){$each(this.box.links,function(a,b){a.addEvent('click',function(e){new Event(e).stop();this.swaptoid(b)}.bind(this))}.bind(this));if(this.options.download){$('mbox-down-'+this.options.id).addEvent("click",function(e){window.open(this.href);new Event(e).stop()})};if(this.options.zoom){$('mbox-zoom-'+this.options.id).addEvent("click",function(e){this.stopslide();Lightbox.show($('mbox-zoom-'+this.options.id).href,'');new Event(e).stop()}.bind(this))};document.addEvent('keydown',function(a){a=new Event(a);if(a.key=='right'){this.nextImg()}else if(a.key=='left'){this.prevImg()}}.bind(this))},removeevents:function(){$each(this.box.links,function(a,b){a.removeEvents()}.bind(this));document.removeEvents()},swaptoid:function(a){this.photoid=a;this.activate();this.startmotion();new Asset.images(this.current.src,{onComplete:function(){tmp=new Image();tmp.src=this.current.src;if(tmp.width>this.options.width||tmp.height>this.options.height){if(tmp.width>tmp.height){this.current.height=(this.options.width*tmp.height)/tmp.width;this.current.width=this.options.width}else{this.current.width=(this.options.height*tmp.width)/tmp.height;this.current.height=this.options.height};if(this.current.height>this.options.height){this.current.height=this.options.height};if(this.current.width>this.options.width){this.current.width=this.options.width}}else{this.current.height=tmp.height;this.current.width=tmp.width};this.endmotion();delete tmp}.bind(this)})},startmotion:function(){$('mbox-foto-'+this.options.id).src=null;wCur=$('mbox-fcon-'+this.options.id).getStyle('width').toInt();hCur=$('mbox-fcon-'+this.options.id).getStyle('height').toInt();$('mbox-foto-'+this.options.id).setStyles({opacity:0,display:'none'});$('mbox-capt-'+this.options.id).setStyles({opacity:0});$('mbox-desc-'+this.options.id).setStyles({opacity:0})},endmotion:function(){var a=new Fx.Styles('mbox-fcon-'+this.options.id,{duration:this.options.delay,transition:this.options.transition}).custom({'height':[hCur,this.current.height],'width':[wCur,this.current.width]});$('mbox-foto-'+this.options.id).src=this.current.src;$('mbox-foto-'+this.options.id).height=this.current.height;$('mbox-foto-'+this.options.id).width=this.current.width;if(this.current.height<this.options.height){dif=this.options.height-this.current.height;$('mbox-foto-'+this.options.id).setStyles({'margin-top':dif/2})}else{$('mbox-foto-'+this.options.id).setStyles({'margin-top':0})};if(this.options.download){$('mbox-down-'+this.options.id).href=this.current.src};if(this.options.zoom){$('mbox-zoom-'+this.options.id).href=this.current.src};$('mbox-capt-'+this.options.id).setHTML('<strong>'+(this.current.value)+'/'+this.colection.length+'</strong>&nbsp;|&nbsp;'+this.current.title);if(this.options.mode=="f"){$('mbox-desc-'+this.options.id).setHTML("<a href=\""+this.current.desc+"\">"+this.current.desc+"</a>")}else{$('mbox-desc-'+this.options.id).setHTML(this.current.desc)};this.showimage.bind(this).delay(this.options.delay)},showimage:function(){$('mbox-foto-'+this.options.id).setStyles({display:'block'});$('mbox-foto-'+this.options.id).effect('opacity').custom(0,1).chain(function(){$('mbox-capt-'+this.options.id).effect('opacity').custom(0,1).chain(function(){$('mbox-desc-'+this.options.id).effect('opacity').custom(0,1)}.bind(this))}.bind(this))},toggleshow:function(){if(this.slideshow){this.stopslide()}else{this.startslide()}},startslide:function(){$('mbox-capt-'+this.options.id).setHTML('Iniciando la presentacion...');this.nextImg();this.slideshow=(function(){this.nextImg()}).bind(this).periodical(this.options.timer);$('mbox-slid-'+this.options.id).setHTML('Parar');$('mbox-slid-'+this.options.id).setStyles({'background-position':'0px -16px'})},stopslide:function(){$clear(this.slideshow);this.slideshow=null;$('mbox-slid-'+this.options.id).setHTML('Activar');$('mbox-slid-'+this.options.id).setStyles({'background-position':'0px 0px'})},nextImg:function(){if(this.photoid==(this.images.length-1)){this.photoid=0}else{this.photoid++};this.swaptoid(this.photoid)},prevImg:function(){if(this.photoid==0){this.photoid=this.images.length-1}else{this.photoid--};this.swaptoid(this.photoid)},activate:function(){this.current=this.images[this.photoid];$each(this.box.links,function(a){if(this.current.id==a.id){a.addClass('active')}else{a.removeClass('active')}}.bind(this))}});mBox.implement(new Chain,new Options,new Events);