window.addEvent('domready',function(){ var onwFSS = new Class({ initialize:function(a,b,c,d){ if($type(a)!='element'||$type(b)!='element'||$type(c)!='array'||$type(d)!='array'){ return false; } this.winEl = a; this.navEl = b; this.slides = c; this.slideDest = d; this.current = 1; this.next = 2; this.count = 0; this.loaded = 0; this.halfWay = false; this.inMotion = false; this.slideNum = c.length; this.toLoad = new Array(); this.hM = c.length; this.loadingBar = null; if(this.slideNum%2==1){ this.hM++; } this.hM = this.hM/2; for(i=1;i<=this.hM;i++){ this.toLoad.push('onwFSS-inner-'+i); } this.winSetup(a,c); this.navSetup(a,b,c); this.navLink(); var z = this; window.addEvent('resize',function(){ z.frResize(a,b,c); }); }, frResize:function(a,b,f){ var c = a.getCoordinates(); var g = f.length; for(h=1;h<=g;h++){ var j = 'onwFSS-inner-'+h; $(j).setStyles({ 'top':(c.top+6)+'px', 'left':((Browser.Engine.gecko)?c.left+7:c.left+6)+'px' }); } var d = c.top + c.height - 86; b.setStyles({ top:d+'px', left:((Browser.Engine.gecko)?c.left+7:c.left+6)+'px' }); var e = b.getCoordinates(); $('onwFSS-sel-slide').setStyles({ top:(e.top+2)+'px', left:e.left+'px' }); $('onwFSS-selor-slide').setStyles({ top:e.top+'px', left:e.left+'px' }); }, winSetup:function(a,b){ var f = this; a.setStyles({ width:'498px', height:'376px', padding:'0px', border:'1px solid #000000', background:'#444444', margin:'0px 0px 16px' }); var g = new Element('div',{ 'styles':{ 'margin':'137px 0px 0px 192px', 'width':'104px', 'height':'12px', 'border':'1px solid #ffffff' } }).inject(a); var z = new Element('div',{ 'styles':{ 'margin':'2px', 'width':'0px', 'padding':'0px', 'background':'#cccccc', 'height':'8px' } }).inject(g); this.loadingBar = new Fx.Tween(z,{ 'property':'width', 'duration':'short', 'link':'cancel' }); this.loadingBar.addEvent('complete',function(){ f.giterdone(); }); var y = new Element('p',{ 'html':'Loading...', 'styles':{ 'color':'#ffffff', 'text-align':'center' } }).inject(a); var c = 1; var d = a.getCoordinates(); b.each(function(i){ var nDiv = new Element('img',{ 'name':'onwFSS-inner-'+c, 'id':'onwFSS-inner-'+c, 'class':'onwFFS-inner', 'src':i, 'styles':{ 'width':'488px', 'cursor':'pointer', 'height':'366px', 'border':'0px', 'padding':"0px", 'margin':'0px', 'position':'absolute', 'top':(d.top+6)+'px', 'left':((Browser.Engine.gecko)?d.left+7:d.left+6)+'px', 'display':'none', 'z-index':'50' } }); nDiv.addEvents({ 'load':function(){ if(f.loaded < f.slideNum){ f.loaded++; var k = f.loaded * (100 / f.slideNum); f.loadingBar.start(k); } else { f.giterdone(); } }, 'click':function(){ var h = nDiv.get('id'); h = h.replace('onwFSS-inner-',''); h = h.toInt()-1; location.assign(f.slideDest[h]); } }); nDiv.inject(a,'top'); c++; }); }, giterdone:function(){ var a = this; $('onwFSS-inner-1').setStyle('display','block'); a.clock.periodical(1000,a); }, navSetup:function(a,b,c){ var d=a.getCoordinates(); var e=d.top + d.height - 86; b.setStyles({ width:'488px', height:'75px', position:'absolute', left:((Browser.Engine.gecko)?d.left+7:d.left+6)+'px', top:e+'px', 'z-index':'60', background:'url(http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/images/ss-mbgp.png) repeat-x', padding:'2px 0px 3px', border:'0px', margin:'0px' }); var f = 1; var g = b.getCoordinates(); var selsl = new Element('div',{ 'id':'onwFSS-sel-slide', 'styles':{ 'width':'65px', 'height':'75px', 'padding':'0px', 'margin':'0px', 'border':'0px', 'background':'url(http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/images/ss-nbgp.png) no-repeat', 'position':'absolute', 'top':(g.top+2)+'px', 'left':g.left+'px', 'z-index':'62' } }).inject(a); var h = new Element('div',{ 'id':'onwFSS-selor-slide', 'styles':{ 'position':'absolute', 'top':g.top+'px', 'left':g.left+'px', 'z-index':'65' } }).inject(a); c.each(function(i){ var nND = new Element('div',{ 'id':'onwFSS-togg-'+f, 'name':'onwFSS-togg-'+f, 'class':'onwFSS-togg', 'html':f, 'styles':{ 'width':'45px', 'height':'60px', 'padding':'25px 0px 0px', 'margin':'0px 10px', 'border':'0px', 'float':'left', 'cursor':'pointer', 'text-align':'center', 'font-size':'32px', 'z-index':'75' } }).inject(h); f++; }); }, navLink:function(){ var d = this; var a = d.slideNum; var b = d.current; $$('.onwFSS-togg').each(function(i){ i.addEvent('click',function(){ var c = i.get('id'); c = c.replace('onwFSS-togg-',''); c = c.toInt(); d.slideSwitch(c); }); }); }, slideSwitch:function(a){ var g = this; var d = ($type(a)!='number')?g.next:a; d = d.toInt(); if(d!=g.current){ if(!g.inMotion || (g.inMotion && d!=g.next)){ var n = $('onwFSS-inner-'+d); var b = $('onwFSS-inner-'+g.current); var e = d-1; e *= 65; b.setStyle('z-index','55'); n.setStyles({ display:'block', 'z-index':'52' }); var c = new Fx.Tween(b,{'property':'opacity','link':'chain','duration':'long'}); var f = new Fx.Tween($('onwFSS-sel-slide'),{'property':'margin-left','link':'chain','duration':'long'}); c.addEvents({ 'complete':function(){ b.setStyle('display','none'); b.setStyles({ 'z-index':'50', 'opacity':'1' }); g.inMotion = false; g.current = d; g.next = (d==g.slideNum)?1:d + 1; g.count = 0; }, 'start':function(){ g.inMotion = true; } }); f.start(e); c.start(0); } } }, clock:function(){ var a = this; a.count++; if(a.count==8){ a.slideSwitch(false); } } }); var fSls = ['http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/uploads/past-work.jpg','http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/uploads/plugins.jpg','http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/uploads/blog.jpg','http://www.olympianetworks.com/wp-content/plugins/onw-front-slide/uploads/services.jpg']; var slds = ['http://www.olympianetworks.com/projects/clients/','http://www.olympianetworks.com/projects/wordpress-plugins/','http://www.olympianetworks.com/blog/','http://www.olympianetworks.com/about-us/services/']; var myFS = new onwFSS($('onwFSS-Wrap'),$('onwFSS-NavWrap'),fSls,slds); });