var Demos={version:'1.3',windowScroll:window.getScrollSize(),current:new Element('span',{'class':'current'}),initialize:function(){Demos.select=$('template');Demos.navigationHeight=$('selection').getStyle('height').toInt();Demos.template=new Element('div',{'id':'select-bg'}).inject(Demos.select,'before').store('mainselect-bg:open',false);Demos.tips=new Tips('.tips',{'className':'tip-box'}).addEvents({'onShow':function(a){a.fade('in')},'onHide':function(a){a.fade('out')}});Demos.current.inject(Demos.template);var b=Demos.template.getCoordinates();Demos.list=new Element('div',{'id':'mainselect-bg','styles':{'left':0,'top':b.top+b.height-6,'width':b.width-8}}).inject(Demos.template).adopt(new Element('div')).set({'tween':{duration:200},'opacity':0}).setStyle('display','none');Demos.iframe=new IFrame({id:'iframe',onload:Demos.resize,width:Demos.windowScroll.x,height:Demos.windowScroll.y-Demos.navigationHeight,styles:{'position':'absolute','border':0,'top':Demos.navigationHeight,'left':0,'overflow':(Browser.Engine.trident4)?'hidden':'','border':0,'z-index':100},scrolling:(Browser.Engine.trident4)?'yes':'',border:0,frameborder:0}).inject(document.body);if(Browser.Engine.trident4)Demos.list.getFirst().setStyle('height',360);Demos.select.setStyle('display','none');Demos.ul=new Element('ul').inject(Demos.list.getFirst());this.convertOptions();window.addEvent('resize',Demos.resize)},convertOptions:function(){var f=Demos.select.getElements('option');f.each(function(a,i){var b=a.get('text'),value=a.get('value');if(a.hasClass('selected')){Demos.current.set('text',b);Demos.iframe.set('src',value)}var c=new Element('li').inject(Demos.ul);var d=new Element('a',{'href':value,'text':b,'class':a.get('class')}).inject(c);if(d.hasClass('selected'))Demos.selected=d;if(this.isBonus(b)){d.set('text',b.replace(/\sbonus/i,''));d.addClass('bonus')}if(this.isLab(b)){d.set('text',b.replace(/labs\s\-\s/i,''));d.addClass('labs')}d.store('tip:title','<p>'+b+'</p>');var e=new Asset.image('previews/'+a.get('label')+'.gif',{onload:function(){d.store('tip:text',this)},onerror:function(){d.store('tip:text','<div class="error" />')}});Demos.tips.attach(d);d.addEvent('click',function(){Demos.selected.removeClass('selected');Demos.selected=this;this.addClass('selected');Demos.current.set('text',this.get('text'));Demos.iframe.set('src',this.get('href'));Demos.template.fireEvent('click');return false})},this);Demos.template.addEvents({'mouseenter':function(){if(!this.retrieve('mainselect-bg:open'))this.setStyle('background-position','center center')},'mouseleave':function(){if(!this.retrieve('mainselect-bg:open'))this.setStyle('background-position','top center');else{Demos.list.fade('out');this.store('mainselect-bg:open',false);(function(){Demos.list.setStyle('display','none')}).delay(350)}},'click':function(){if(!this.retrieve('mainselect-bg:open')){Demos.list.setStyle('display','block').fade('in');this.store('mainselect-bg:open',true);this.setStyle('background-position','bottom center')}else{Demos.list.fade('out');this.store('mainselect-bg:open',false);(function(){Demos.list.setStyle('display','none')}).delay(350)}return false}});return this},isBonus:function(a){return(a.contains('Bonus',' '))?true:false},isLab:function(a){return(a.contains('Labs',' '))?true:false},tipHTML:function(a){return'<img src="previews/'+a+'.gif" alt="" />'},resize:function(){var a=window.getSize();Demos.iframe.set({'width':a.x,'height':a.y-Demos.navigationHeight})}};window.addEvent('domready',function(){Demos.initialize()});