/* (c) 2008 perfecthunter.com */
Ext.namespace('Ext.ux.Wiz');Ext.ux.Wiz.Header=Ext.extend(Ext.BoxComponent,{height:55,region:'north',title:'Wizard',steps:0,stepText:"Step {0} of {1}: {2}",autoEl:{tag:'div',cls:'ext-ux-wiz-Header',children:[{tag:'div',cls:'ext-ux-wiz-Header-title'},{tag:'div',children:[{tag:'div',cls:'ext-ux-wiz-Header-step'},{tag:'div',cls:'ext-ux-wiz-Header-stepIndicator-container'}]}]},titleEl:null,stepEl:null,imageContainer:null,indicators:null,stepTemplate:null,lastActiveStep:-1,updateStep:function(currentStep,title){var html=this.stepTemplate.apply({0:currentStep+1,1:this.steps,2:title});this.stepEl.update(html);if(this.lastActiveStep!=-1){this.indicators[this.lastActiveStep].removeClass('ext-ux-wiz-Header-stepIndicator-active');}
this.indicators[currentStep].addClass('ext-ux-wiz-Header-stepIndicator-active');this.lastActiveStep=currentStep;},onRender:function(ct,position){Ext.ux.Wiz.Header.superclass.onRender.call(this,ct,position);this.indicators=[];this.stepTemplate=new Ext.Template(this.stepText);this.stepTemplate.compile();var el=this.el.dom.firstChild;var ns=el.nextSibling;this.titleEl=new Ext.Element(el);this.stepEl=new Ext.Element(ns.firstChild);this.imageContainer=new Ext.Element(ns.lastChild);this.titleEl.update(this.title);var image=null;for(var i=0,len=this.steps;i<len;i++){image=document.createElement('div');image.innerHTML="&#160;";image.className='ext-ux-wiz-Header-stepIndicator';this.indicators[i]=new Ext.Element(image);this.imageContainer.appendChild(image);}}});