comp_status=[];StatusComponent=Class.create();StatusComponent.prototype={initialize:function(id,color){this.id=id;this.self=$(this.id);var s_color=color||status_color;this._injectBehaviour(s_color);},show:function(msg,type,args){this.msg_div.innerHTML=msg;switch(type){case'loader':this.alert.style.display='none';this.progress.style.display='';this.loader_container.style.display='';var tar_width=Math.floor(this.loader_container.offsetWidth*(args.perc/100));this.loader.style.width=tar_width+'px';break;case'error':this.alert.style.display='';this.progress.style.display='none';this.loader_container.style.display='none';break;default:this.alert.style.display='none';this.loader_container.style.display='none';this.progress.style.display='';break;}
this.self.style.display='';},hide:function(){this.self.style.display='none';},resetLoader:function(){this.loader.style.width="1px";},_injectBehaviour:function(color){this.progress=document.createElement('div');this.progress.className='progress_indicator_'+color;this.alert=document.createElement('div');this.alert.className='error_alert';this.alert.style.display='none';this.msg_div=document.createElement('div');this.msg_div.className='status_msg';this.loader_container=document.createElement('div');this.loader_container.className='status_loader_container';this.loader_container.style.display='none';this.loader=document.createElement('div');this.loader.className='status_loader_perc';this.loader_container.appendChild(this.loader);this.self.appendChild(this.progress);this.self.appendChild(this.loader_container);this.self.appendChild(this.alert);this.self.appendChild(this.msg_div);}};