/* 1){ bgOpacity = 0.3 } if(!bRadius){ bRadius = 7; } if(!borderWeight){ borderWeight = 2; } if(!borderColor){ borderColor = '303132'; } if(!boxShadowSize){ boxShadowSize = 10; } if(!boxShadowColor){ boxShadowColor = '000'; } if(!iconSet){ iconSet = 2; } if(!effectsIn){ effectsIn = new Fx.Transition(Fx.Transitions.Quad.easeInOut,inSpeed); } if(!effectsOut){ effectsOut = new Fx.Transition(Fx.Transitions.Quad.easeOut,outSpeed); } if(!bgPosition){ bgPosition = 'center center'; } if(!bgRepeat){ bgRepeat = 'no-repeat'; } if(!bgImage){ bgImage = 'images/ajax-loader.gif'; } var iconPath = 'iconsets/'+iconSet+'/'; // position close button according to border width closeBtnPos = borderWeight + 10; closeBtnPos = -closeBtnPos; nextBtnPos = borderWeight + 20; prevBtnPos = borderWeight + 20; prevBtnPos = -prevBtnPos; $$(names).addEvent('mouseover',function(e){ if(this.get('href') != null){ var plimage = this.get('href'); if(plimage.indexOf(".jpg") != -1 || plimage.indexOf(".gif") != -1 || plimage.indexOf(".png") != -1){ img = new Image(); img.src = plimage; maxw = img.width; maxh = img.height; } } }) $$(names).addEvent('click',function(e){ e = new Event(e).stop(); if($('grow') != null){ $('grow').dispose(); } if(this.get('rev') != null){ var rev = this.get('rev') } var content = this.get('href'); // get the num value from the id var actualID = this.get('id'); var tmpActual = actualID.split(/_/); actualID = tmpActual[1]; maxw = 0; maxh = 0; var title = ""; $$('object').setStyle('display','none'); if(this.get('rel')!= null){ var tmp = this.get('rel').split("-"); maxw = tmp[0]; maxh = tmp[1]; } if(this.get('title') != null){ title = this.get('title'); } if(this.get('href') != null){ hr = this.get('href'); } if(maxw == 0){ maxw = 640; } if(maxh == 0){ maxh = 480; } if(content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1){ img = new Image(); img.src = content; maxw = img.width; maxh = img.height; } w = window.getSize().x.toInt(); h = window.getSize().y.toInt(); s = window.getScrollTop(); var middleH = (w) / 2; var middleV = (h) / 2; var endleft = (w-maxw) / 2; var endtop = ((h - maxh) / 2) + s; var theBorder = borderWeight + 'px solid #' + borderColor; var theBackground = '#' + boxColor + ' url('+bgImage+ ') ' + bgRepeat + ' ' +bgPosition; if($('grow') != null){ $('grow').dispose(); } var el = new Element('div', { 'styles':{ width: '1px', height: '1px', position:'absolute', border:theBorder, padding:'4px', background:theBackground, left:middleH , top:middleV, cursor:'pointer', display:'block', 'z-index':'100000' }, 'id': 'grow' }) $(el).setStyles({ '-moz-border-radius':bRadius+'px', '-webkit-border-radius':bRadius+'px', 'border-radius':bRadius+'px' }); var t = window.getScrollTop(); bg = new Element('div',{ 'styles':{ background:'#'+backColor, width:'100%', height:'100%', opacity:bgOpacity, position:'absolute', top: t, left: 0 }, 'id':'bg' }) /* bg ie 6 fix */ if(Browser.Engine.name == 'trident' && Browser.Engine.version == 4){ var bh = window.getHeight(); $(bg).setStyle('height',bh); } var cl = new Element('img',{ 'styles':{ width:'24px', height:'24px', position:'absolute', top: closeBtnPos+'px', right:closeBtnPos+'px', 'z-index':'100000' }, 'src':iconPath+'closed.png', 'id':'nycloser' }) cl.addEvent('click',function(e){ bg.dispose(); $(el).getChildren().dispose(); eff2.start({ 'width':[maxw,1], 'height':[maxh,1], 'left': [endleft,middleH], 'top': [endtop, middleV+s] }) }) if(Browser.Engine.name != 'trident'){ window.addEvent('keyup',function(e){ if(e.key == 'esc'){ bg.dispose(); $(el).getChildren().dispose(); eff2.start({ 'width':[maxw,1], 'height':[maxh,1], 'left': [endleft,middleH], 'top': [endtop, middleV+s] }) } }) }else{ document.addEvent('keyup',function(e){ alert(e); if(e.key == 'esc'){ bg.dispose(); $(el).getChildren().dispose(); eff2.start({ 'width':[maxw,1], 'height':[maxh,1], 'left': [endleft,middleH], 'top': [endtop, middleV+s] }) } }) } bg.inject(document.body); el.injectInside(document.body); cl.injectInside(el); window.addEvent('scroll',function(){ $(bg).setStyle('top',window.getScrollTop()); }) var eff3 = new Fx.Morph($('grow'), { transition: effectsIn, duration: inSpeed, wait:'link',onComplete:function(){ $(el).dispose(); }}); var eff2 = new Fx.Morph($('grow'), { transition: effectsOut, duration: outSpeed, wait:'link', onComplete:function(){ $(el).dispose(); }}); var eff = new Fx.Morph($('grow'), { transition: effectsIn, duration: inSpeed, wait:'link', onComplete:function(){ if(bgImage != null){ var theBackground = '#' + boxColor + ' url('+bgImage+ ') ' + bgRepeat + ' ' +bgPosition; $(el).setStyle('background', theBackground); }else{ $(el).setStyle('background','#'+boxColor); } if($('prev') != null){ $('prev').setStyle('display','block'); } if($('next') != null){ $('next').setStyle('display','block'); } $('grow').setStyle('-moz-box-shadow','3px 3px '+boxShadowSize + 'px #'+boxShadowColor); $('grow').setStyle('-webkit-box-shadow','3px 3px '+boxShadowSize + 'px #'+boxShadowColor); $('grow').setStyle('box-shadow','3px 3px '+boxShadowSize + 'px #'+boxShadowColor); if(content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1){ var img = new Element('img'); img.src = content; maxw = img.width; maxh = img.height; document.id(img).inject(el); } else if(content.indexOf('.flv') == -1 && content.indexOf('.mp3') == -1 && content.indexOf(".pdf") == -1 && content.indexOf(".swf") == -1 && content.indexOf(".jpg") == -1 && content.indexOf(".gif") == -1 && content.indexOf(".png") == -1 && content.indexOf("^") == -1){ var p = new Element('div'); p.setStyle('display','block'); p.setStyle('overflow','hidden'); p.setStyle('padding','20px'); p.setStyle('height',maxh-40); p.setStyle('width',maxw-40); p.setAttribute('id','htmlframe'); p.inject(el); var x = new IFrame(); x.setStyle('overflow','auto'); x.set('frameborder','0'); x.setStyle('width',maxw-40); x.setStyle('height',maxh-40); x.src = content; x.inject(p); } else if(content.indexOf(".pdf") != -1){ var div = new Element('div',{ 'styles':{ padding:'20px', height: maxh-40, width:maxw-40 } }) div.inject(el); var x = new IFrame(); x.src = content; x.setStyle('width',maxw-40); x.setStyle('height',maxh-40); x.inject(div); } else if(content.indexOf(".swf") != -1){ var div = new Element('div',{ 'styles':{ padding:'20px', height: maxh-40, width:maxw-40 }, id: 'swf' }) div.inject(el); var obj = new Swiff(content, { id: 'video', width: maxw-40, height: maxh-40, container: div }) } else if(content.indexOf(".flv") != -1){ var div = new Element('div',{ 'styles':{ padding:'20px', height: maxh-40, width:maxw-40 } }) div.inject(el); var f =flowplayer(div, "flowplayer/flowplayer.swf", { plugins: { viral: { url: 'flowplayer/flowplayer.viralvideos-3.2.3.swf', embed: { title: 'artViper™ designstudio www.artviper.de - copy and paste following code to your page' } }}, buffering : true, autoplay: true, clip: content, wmode: 'transparent', id: 'player' }); } else if(content.indexOf(".mp3") != -1){ var div = new Element('div',{ 'styles':{ padding:'20px', height: maxh-50, width:maxw-40, 'z-index':'1', id:'flowplay' } }) div.inject(el); f =flowplayer(div, "flowplayer/flowplayer.swf", { buffering : true, autoplay: true, clip: content, wmode: 'transparent', plugins: { controls: { fullscreen: false, height: 30, autoHide: false }, myContent: { url: 'flowplayer/flowplayer.audio.swf', bottom: 0, width: maxw-20, left:0, borderRadius: 10, html: title, onClick: function() { this.hide(); } } }, playlist:[{url:content,autoPlay:true}] }); } else if(content.indexOf("youtube") == 0 || content.indexOf("vimeo") == 0){ var p = new Element('div'); p.setStyle('display','block'); p.setStyle('overflow','hidden'); p.setStyle('padding','20px'); p.setStyle('height',maxh-40); p.setStyle('width',maxw-40); p.setAttribute('id','htmlframe'); p.inject(el); var x = new IFrame(); x.setStyle('overflow','auto'); x.set('frameborder','0'); x.setStyle('width',maxw-40); x.setStyle('height',maxh-40); x.set('class','youtube-player'); x.src = content; x.inject(p); } else if(content.indexOf("^") == 0){ content = content.replace("^",""); var div = new Element('div',{ 'styles':{ padding:'20px', height: 'auto', width:'auto', color:'#fff', overflow:'hidden' } }) var c =document.id(content).get('html'); div.set('html',c); div.inject(el); } var titlePlacement = 30 + borderWeight; titlePlacement = -titlePlacement; if(title != ""){ var t = new Element('div',{ 'styles':{ 'height':'15px', 'line-height':'11px', 'position':'absolute', 'bottom':titlePlacement+'px', 'left':'0px', 'color':'#eee', 'opacity':'0.9', 'z-index':'10000', 'background':'#000', '-webkit-border-radius':'5px', '-moz-border-radius':'5px', '-border-radius':'5px', 'display':'block', 'padding':'3px 5px', 'border':'1px solid #'+borderColor } }) t.set('html',title); t.inject(el); t.set('id','maindesc'); } if(rev != null){ var x1 = new Element('div',{ 'styles':{ 'width':'auto', 'height':'20px', 'position':'absolute', 'left': '20px', 'bottom': '-41px', 'color':'#eee', 'text-decoration':'none', 'background':'#000', '-webkit-border-radius':'5px', '-moz-border-radius':'5px', '-border-radius':'5px', 'display':'block', 'padding':'10px', 'border-bottom':'2px solid #303132', 'border-left':'2px solid #303132', 'border-right':'2px solid #303132' }}) x1.inject(el); x1.set('html', rev); x1.set('id','addondesc'); } }}); $(bg).addEvent('click',function(e){ bg.dispose(); $(el).getChildren().dispose(); eff2.start({ 'width':[maxw,1], 'height':[maxh,1], 'left': [endleft,middleH], 'top': [endtop, middleV+s] }) }) var nextID = this.get('id'); var tmp = nextID.split(/_/); tmp = tmp[1].toInt()+1; if(allBumps[tmp] != null){ var middle = (maxh - 30) / 2; var nx = new Element('a',{ 'styles':{ width:'30px', height:'30px', background:'url('+iconPath+'next.png) no-repeat center center', position:'absolute', right:-nextBtnPos+'px', bottom: middle, 'display':'none' }, id:'next' }) nx.addEvent('click',function(e){ if(Browser.Engine.trident){ if(document.id('video') != null){ document.id('video').stop(); } if(document.id('swf') != null){ document.id('swf').dispose(); } } document.id('bg').dispose(); document.id('grow').dispose(); var nextID = actualID.toInt() + 1; var finalID = nameClass+'_'+nextID; document.id(finalID).fireEvent('click',this); }) nx.inject(el); } var prevID = this.get('id'); var prevTmp = prevID.split('_'); prevTmp = prevTmp[1].toInt()-1; if(allBumps[prevTmp] != null){ var middle = (maxh - 30) / 2; var nx2 = new Element('a',{ 'styles':{ width:'30px', height:'30px', background:'url('+iconPath+'prev.png) no-repeat center center', position:'absolute', left:prevBtnPos+'px', bottom:middle, 'display':'none' }, id:'prev' }) nx2.addEvent('click',function(e){ if(Browser.Engine.trident){ if(document.id('video') != null){ document.id('video').stop(); } if(document.id('swf') != null){ document.id('swf').dispose(); } } document.id('bg').dispose(); document.id('grow').dispose(); var previousID = actualID.toInt()-1; var previousLnk = nameClass+'_'+previousID; actualID = previousID; document.id(previousLnk).fireEvent('click',this); }) nx2.inject(el); } eff.start({ 'width':[1,maxw], 'height':[1,maxh], 'left': [middleH,endleft], 'top': [middleV+s, endtop] }) }); } /* ]]> */