var bigListSelector=new Class({Implements:Options,options:{width:800,height:600,onHideStart:Class.empty,onHideComplete:Class.empty,onShowStart:Class.empty,onShowComplete:Class.empty},initialize:function(options){this.setOptions(options);if(Browser.Engine.trident){$$('select.big').each(function(sel){this.createPopUp(sel);},this);}},createPopUp:function(sel){var id=sel.id;var selectName=sel.name;var selectedValue;var selectedText;this.dialog=new Element('div',{'class':'popup-dialog','id':id+'popup-dialog','styles':{left:'-1000px',position:'absolute',top:'-1000px',zIndex:1001,opacity:0,height:this.options.height,width:this.options.width,display:'none'}}).injectInside(document.body);this.sideLeft=new Element('div',{'class':'dialog','id':id+'popup-dialog-side-left','styles':{height:'100%',width:'100%',position:'absolute',zIndex:10,top:'0px',left:'0px'}}).injectInside(this.dialog);this.sideRight=new Element('div',{'class':'popup-dialog-side-right','id':id+'popup-dialog-side-right'}).injectInside(this.sideLeft);this.listContainer=new Element('div',{'class':'popup-dialog-container','id':id+'popup-dialog-container','styles':{height:this.options.height}}).injectInside(this.sideRight);this.list=new Element('div',{'class':'popup-list','id':id+'popup-list'}).injectInside(this.listContainer);this.ulList=new Element('ul',{'class':'select'}).injectInside(this.list);sel.getChildren().each(function(option){this.listItem=new Element('li',{'html':option.text,'class':option.value}).injectInside(this.ulList);this.listItem.addEvent('click',function(event){$(id).value=event.target.getProperty('class');$(id+'_display').value=event.target.getProperty('text');this.hidePopUp(id.replace('_display',''));}.bindWithEvent(this));if(option.selected){selectedValue=option.value;selectedText=option.text;}},this);var parent=sel.getParent();sel.destroy();this.inputText=new Element('input',{'type':'text','class':'formTEXT','readonly':'readonly','id':id+'_display','value':selectedText,'name':selectName+'_display'}).injectInside(parent);this.selectedValue=new Element('input',{'type':'hidden','id':id,'value':selectedValue,'name':selectName}).injectInside(parent);this.inputText.addEvent('focus',function(){this.showPopUp(id.replace('_display',''));}.bindWithEvent(this));this.inputText.addEvent('blur',function(){this.hidePopUp(id.replace('_display',''));}.bindWithEvent(this));this.listContainer.addEvent('mouseover',function(){$(id+'_display').removeEvents('focus');$(id+'_display').removeEvents('blur');}.bindWithEvent(this));this.listContainer.addEvent('mouseout',function(){if($(id+'popup-dialog').getStyle('display')=='block'){$(id+'_display').focus();}
$(id+'_display').addEvent('blur',function(){this.hidePopUp(id.replace('_display',''));}.bindWithEvent(this));$(id+'_display').addEvent('focus',function(){this.showPopUp(id.replace('_display',''));}.bindWithEvent(this));}.bindWithEvent(this));$$(this.blind).addEvent('click',function(){this.hidePopUp(id);return false;}.bindWithEvent(this));if(Browser.Engine.trident4){this.mask=new Element('iframe',{'src':'#','styles':{height:'100%',width:'100%',position:'absolute',top:'0px',zIndex:1,left:'0px',filter:'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'}}).injectInside(this.dialog);};},showPopUp:function(id){var coord=$(id+'_display').getCoordinates();if($(id+'popup-dialog').getStyle('display')=='none'){$(id+'popup-dialog').set('tween',{duration:500});$(id+'popup-dialog').setStyle('display','block');$(id+'popup-dialog').setStyle('top',coord.bottom+'px');$(id+'popup-dialog').setStyle('left',coord.left+'px');$(id+'popup-dialog').tween('opacity',[0,1]);}},hidePopUp:function(id){if($(id+'popup-dialog').getStyle('display')=='block'){$(id+'popup-dialog').set('tween',{duration:500,onComplete:function(){$(id+'popup-dialog').setStyle('display','none');$(id+'popup-dialog').setStyle('top','-1000px');$(id+'popup-dialog').setStyle('left','-1000px');}});$(id+'popup-dialog').tween('opacity',[1,0]);}},togglePopUp:function(id){if($(id+'popup-dialog').getStyle('display')=='block'){$(id+'popup-dialog').setStyle('display','none');}else{$(id+'popup-dialog').setStyle('display','block');}}});