// Root Namespace
var aspdnsf = new function(){};

aspdnsf.StringResource = {
    
    initialize : function() {
        this.strings = new Hash();
    },

    registerString : function(key, value) {
        this.strings[key] = value;
    },
    
    getString : function(key) {
        if(this.strings[key]) {
            return this.strings[key];
        }
        else {
            return key;
            //return aspdnsf.Constants.EMPTY_STRING;
        }
    }
    
}

aspdnsf.StringResource.initialize();

// uses numberFormat154.js internally
aspdnsf.CurrencyFormatter = {
    
    initialize : function() {
        // set defaults
        this.symbol = '';
        this.decimalDigits = 2;
    },
    
    setSymbol : function(symbol) {
        this.symbol = symbol;
    },
    
    setDecimalDigits : function(digits) {   
        this.decimalDigits = digits;
    },
    
    format : function(price) {    
        var formatter = new NumberFormat(); 
        formatter.setCurrencyValue(this.symbol);
        formatter.setPlaces(this.decimalDigits, false);
        formatter.setInputDecimal('.');
        formatter.setCurrency(true);
        formatter.setCurrencyPosition(formatter.LEFT_OUTSIDE);
        formatter.setNegativeFormat(formatter.LEFT_DASH);
        formatter.setNegativeRed(false);
        formatter.setSeparators(true, ',', ',');
        formatter.setNumber(price);
        
        return formatter.toFormatted();
    }
    
}

aspdnsf.CurrencyFormatter.initialize();

aspdnsf.Controls = new function(){};

aspdnsf.Controls.PriceDeltaControl = Class.create();
aspdnsf.Controls.PriceDeltaControl.prototype = {

    initialize : function(id, clientId) {
        this.id = id;
        this.ctrl = $(clientId);
    },
    
    setControl : function(control) {
        if(control) {
            control.addDeltaPriceChangedEventHandler(this.controlDeltaPriceChangedEventHandler.bind(this));
        }
    },
    
    controlDeltaPriceChangedEventHandler : function(control) {
        if(control.getIsIncluded()) {
            this.ctrl.innerHTML = aspdnsf.StringResource.getString('showproduct.aspx.100');
        }
        else {
            var delta = control.getDeltaPrice();
            var display = '';
            
            if(delta>=0) {
                display = aspdnsf.StringResource.getString('showproduct.aspx.14') + ' ' + aspdnsf.CurrencyFormatter.format(delta);
            }
            else {
                display = aspdnsf.StringResource.getString('showproduct.aspx.15') + ' ' + aspdnsf.CurrencyFormatter.format(Math.abs(delta));
            }
            
            if(control.getIsVatEnabled()) {
                if(control.getIsVatInclusive()) {
                    display += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.6');
                }
                else {
                    display += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.7');
                }
            }
            
            this.ctrl.innerHTML = display;
        }
    }

}

aspdnsf.Controls.KitItemRadioControl = Class.create();
aspdnsf.Controls.KitItemRadioControl.prototype = {
    
    initialize : function(id, clientId, price, name) {
        this.id = id;
        this.name = name;
        
        this.ctrl = $(clientId);
        this.ctrl.onclick = this.onSelected.bind(this);
        this.price = price;
        this.isIncluded = false;
        this.deltaPrice = 0.0;
        this.selectedEventHandlers = new Array();
        this.deltaPriceChangedEventHandlers = new Array();
        
        this.tax = 1;
        this.discount = 0;
        this.vatEnabled = false;
        this.vatInclusive = false;
    },
    
    getId : function() {
        return this.id;
    },
    
    getName : function() {
        return this.name;
    },
    
    getPrice : function(excludeDiscount) {
        if(arguments.length == 0 || !excludeDiscount) {
            return this.price * this.tax * (1-(this.discount/100));
        }
        
        return this.price * this.tax;
    },
    
    getDeltaPrice : function() {
        return this.deltaPrice;
    },
    
    setTax : function(tax) {
        this.tax = tax;
    },
    
    setDiscount : function(discount) {
        this.discount = discount;
    },
    
    getIsVatEnabled : function() {
        return this.vatEnabled;
    },
    
    setIsVatEnabled : function(vatEnabled) {
        this.vatEnabled = vatEnabled;
    },
    
    getIsVatInclusive : function() {
        return this.vatInclusive;
    },
    
    setIsVatInclusive : function(vatInclusive) {
        this.vatInclusive = vatInclusive;
    },
    
    compareWith : function(other) {
        var delta = 0;
        if(other == this) {
            delta = 0;
        }
        else {
            delta = this.getPrice() - other.getPrice();
        }
        
        this.setDeltaPrice(delta);
    },
    
    setDeltaPrice : function(delta) {
        this.deltaPrice = delta;
        
        this.onDeltaPriceChanged();        
    },
    
    getIsIncluded : function() {
        return this.isIncluded;
    },
    
    setIsIncluded : function(included) {
        this.isIncluded = included;
    },
    
    addSelectedEventHandler : function(handler) {
        this.selectedEventHandlers.push(handler);
    },
    
    onSelected : function() {
        for(var ctr=0; ctr<this.selectedEventHandlers.length; ctr++) {
            var handler = this.selectedEventHandlers[ctr];
            handler(this);
        }
    },
    
    addDeltaPriceChangedEventHandler : function(handler) {
        this.deltaPriceChangedEventHandlers.push(handler);
    },
    
    onDeltaPriceChanged : function() {
        for(var ctr=0; ctr<this.deltaPriceChangedEventHandlers.length; ctr++) { 
            var handler = this.deltaPriceChangedEventHandlers[ctr];
            handler(this);
        }
    }

}

aspdnsf.Controls.KitRadioGroupControl = Class.create();
aspdnsf.Controls.KitRadioGroupControl.prototype = {
    
    initialize : function(id) {
        this.id = id;
        this.controls = new Array();
        this.selectionChangedEventHandlers = new Array();
        this.selectedControl = null;
    },
    
    getId : function() {
        return this.id;
    },
    
    getSelectedItems : function() {
        return [this.selectedControl];
    },
    
    getDeltaPrice : function(excludeDiscount) {
        return this.selectedControl.getPrice(excludeDiscount);
    },
    
    addSelectionChangedEventHandler : function(handler) {
        this.selectionChangedEventHandlers.push(handler);
    },
    
    registerControl : function(control) {
        if(control) {
            this.controls.push(control);
            if(control.getIsIncluded()) {
                this.selectedControl = control;
            }
            control.addSelectedEventHandler(this.onControlSelected.bind(this));
        }
        
        //this.refreshView();
    },
    
    onControlSelected : function(control) {
        control.setIsIncluded(true);
        
        for(var ctr=0; ctr<this.controls.length; ctr++) {
            var currentControl = this.controls[ctr];
            if(currentControl != control) {
                currentControl.setIsIncluded(false);
            }
        }
        
        this.selectedControl = control;

        this.refreshView();
        this.onSelectionChanged();
    },
    
    refreshView : function() {
        if(this.selectedControl) {
            for(var ctr=0; ctr<this.controls.length; ctr++) {
                var currentControl = this.controls[ctr];
                currentControl.compareWith(this.selectedControl);
            }
        }
    },
    
    onSelectionChanged : function() {
        for(var ctr=0; ctr<this.selectionChangedEventHandlers.length; ctr++) {
            var handler = this.selectionChangedEventHandlers[ctr];
            handler(this);
        }
    }

}

aspdnsf.Controls.KitItemCheckBoxControl = Class.create();
aspdnsf.Controls.KitItemCheckBoxControl.prototype = {

    initialize : function(id, clientId, price, name) {
        this.id = id;
        this.name = name;
        
        this.ctrl = $(clientId);
        this.ctrl.onclick = this.onControlCheckChanged.bind(this);
        
        this.price = price;
        
        this.isIncluded = false;
        this.deltaPrice = 0.0;
        this.selectedEventHandlers = new Array();
        this.unSelectedEventHandlers = new Array();
        this.deltaPriceChangedEventHandlers = new Array();
        
        this.tax = 1;
        this.discount = 0;
        
        this.vatEnabled = false;
        this.vatInclusive = false;
    },
    
    getId : function() {
        return this.id;
    },
    
    getName : function() {
        return this.name;
    },
    
    getPrice : function(excludeDiscount) {
        if(arguments.length == 0 || !excludeDiscount) {
            return this.price * this.tax * (1-(this.discount/100));
        }
        
        return this.price * this.tax;
    },
    
    getDeltaPrice : function() {
        return this.deltaPrice;
    },
    
    getIsVatEnabled : function() {
        return this.vatEnabled;
    },
    
    setIsVatEnabled : function(vatEnabled) {
        this.vatEnabled = vatEnabled;
    },
    
    getIsVatInclusive : function() {
        return this.vatInclusive;
    },
    
    setIsVatInclusive : function(vatInclusive) {
        this.vatInclusive = vatInclusive;
    },
    
    setTax : function(tax) {
        this.tax = tax;
    },
    
    setDiscount : function(discount) {
        this.discount = discount;
    },
    
    setDeltaPrice : function(delta) {
        this.deltaPrice = delta;
        
        this.onDeltaPriceChanged();        
    },
    
    getIsIncluded : function() {
        return this.isIncluded;
    },
    
    setIsIncluded : function(included) {
        this.isIncluded = included;
    },
    
    addSelectedEventHandler : function(handler) {
        this.selectedEventHandlers.push(handler);
    },
    
    addUnSelectedEventHandler : function(handler) {
        this.unSelectedEventHandlers.push(handler);
    },
    
    onControlCheckChanged : function() {
      if(this.ctrl.checked) {
        this.onSelected();
      }
      else {
        this.onUnSelected();
      }
    },
    
    onSelected : function() {
        for(var ctr=0; ctr<this.selectedEventHandlers.length; ctr++) {
            var handler = this.selectedEventHandlers[ctr];
            handler(this);
        }
    },
    
    onUnSelected : function() {
        for(var ctr=0; ctr<this.unSelectedEventHandlers.length; ctr++) {
            var handler = this.unSelectedEventHandlers[ctr];
            handler(this);
        }
    },
    
    addDeltaPriceChangedEventHandler : function(handler) {
        this.deltaPriceChangedEventHandlers.push(handler);
    },
    
    onDeltaPriceChanged : function() {
        for(var ctr=0; ctr<this.deltaPriceChangedEventHandlers.length; ctr++) { 
            var handler = this.deltaPriceChangedEventHandlers[ctr];
            handler(this);
        }
    }

}

aspdnsf.Controls.KitCheckBoxGroupControl = Class.create();
aspdnsf.Controls.KitCheckBoxGroupControl.prototype = {
    
    initialize : function(id) {
        this.id = id;
        this.controls = new Array();
        this.selectionChangedEventHandlers = new Array();
        this.selectedControls = new Array();
    },
    
    getId : function() {
        return this.id;
    },
    
    getSelectedItems : function() {
        return this.selectedControls;
    },
    
    getDeltaPrice : function(excludeDiscount) {
        var delta= 0;
        for(var ctr=0; ctr<this.selectedControls.length;ctr++) {
            var currentControl = this.selectedControls[ctr];
            delta += currentControl.getPrice(excludeDiscount);
        }
        return delta;
    },
    
    addSelectionChangedEventHandler : function(handler) {
        this.selectionChangedEventHandlers.push(handler);
    },
    
    registerControl : function(control) {
        if(control) {
            this.controls.push(control);
            if(control.getIsIncluded()) {
                this.selectedControls.push(control);
            }
            control.addSelectedEventHandler(this.onControlSelected.bind(this));
            control.addUnSelectedEventHandler(this.onControlUnSelected.bind(this));
            
            //this.refreshView();
        }
    },
    
    onControlSelected : function(control) {
        control.setIsIncluded(true);
        
        this.selectedControls.push(control);
        
        this.refreshView();
        this.onSelectionChanged();
    },
    
    onControlUnSelected : function(control) {
        control.setIsIncluded(false);
        
        var newItems = new Array();
        for(var ctr=0; ctr<this.selectedControls.length; ctr++) {
            var currentControl = this.selectedControls[ctr];
            if(currentControl != control) {
                newItems.push(currentControl);
            }
        }
        
        this.selectedControls = newItems;
        
        this.refreshView();
        this.onSelectionChanged();
    },
    
    refreshView : function() {
        if(this.selectedControls) {
            for(var ctr=0; ctr<this.controls.length; ctr++) {
                var currentControl = this.controls[ctr];
                currentControl.setDeltaPrice(currentControl.getPrice());
            }
        }
    },
    
    onSelectionChanged : function() {
        for(var ctr=0; ctr<this.selectionChangedEventHandlers.length; ctr++) {
            var handler = this.selectionChangedEventHandlers[ctr];
            handler(this);
        }
    }

}

aspdnsf.Controls.KitDropDownOptionControl = Class.create();
aspdnsf.Controls.KitDropDownOptionControl.prototype = {
    
    initialize : function(id, price, name) {
        this.id = id;
        this.price = price;
        this.name = name;
        this.deltaPrice = 0;
        this.isIncluded = false;
        this.shouldDisplayPriceDelta = true;
        
        this.tax = 1;
        this.discount = 0;
        
        this.vatEnabled = false;
        this.vatInclusive = false;
    },
    
    getId : function() {
        return this.id;
    },
    
    getName : function() {
        return this.name;
    },
    
    getPrice : function(excludeDiscount) {
        if(arguments.length == 0 || !excludeDiscount) {
            return this.price * this.tax * (1-(this.discount/100));
        }
        
        return this.price * this.tax;
    },
    
    getDeltaPrice : function() {
        return this.deltaPrice;
    },
    
    getIsIncluded : function() {
        return this.isIncluded;
    },
    
    getIsVatEnabled : function() {
        return this.vatEnabled;
    },
    
    setIsVatEnabled : function(vatEnabled) {
        this.vatEnabled = vatEnabled;
    },
    
    getIsVatInclusive : function() {
        return this.vatInclusive;
    },
    
    setIsVatInclusive : function(vatInclusive) {
        this.vatInclusive = vatInclusive;
    },
    
    setTax : function(tax) {
        this.tax = tax;
    },
    
    setDiscount : function(discount) {
        this.discount = discount;
    },
    
    setIsIncluded : function(included) {
        this.isIncluded = included;
    },
    
    setShouldDisplayPriceDelta : function(shouldDisplay) {
        this.shouldDisplayPriceDelta = shouldDisplay;
    },
    
    compareWith : function(other) {
        var delta = 0;
        if(other == this) {
            delta = 0;
        }
        else {
            delta = this.getPrice() - other.getPrice();
        }
        
        this.deltaPrice = delta;
    },
    
    getDisplay : function() {
        if(this.shouldDisplayPriceDelta) {
            if(this.isIncluded) {
                return this.name;
                
            }
            else {
                var display = '';
                
                if(this.deltaPrice>=0) {
                    display = this.name +  ', ' + aspdnsf.StringResource.getString('showproduct.aspx.14') + ' ' + aspdnsf.CurrencyFormatter.format(this.deltaPrice);
                }
                else {
                    display = this.name +  ', ' + aspdnsf.StringResource.getString('showproduct.aspx.15') + ' ' + aspdnsf.CurrencyFormatter.format(Math.abs(this.deltaPrice));
                }
                
                if(this.getIsVatEnabled()) {
                    if(this.getIsVatInclusive()) {
                        display += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.6');
                    }
                    else {
                        display += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.7');
                    }
                }
                
                return display;
            }
        }
        else {
            return this.name;
        }
    }

}

aspdnsf.Controls.KitDropDownGroupControl = Class.create();
aspdnsf.Controls.KitDropDownGroupControl.prototype = {

    initialize : function(id, clientId) {
        this.id = id;
        this.ctrl = $(clientId);
        this.ctrl.onchange = this.onOptionChanged.bind(this);
        
        this.controls = new Array();
        this.selectionChangedEventHandlers = new Array();
        this.selectedControl = null;
    },
    
    getId : function() {
        return this.id;
    },
    
    getSelectedItems : function() {
        return [this.selectedControl];
    },
    
    getDeltaPrice : function(excludeDiscount) {
        return this.selectedControl.getPrice(excludeDiscount);
    },
    
    addSelectionChangedEventHandler : function(handler) {
        this.selectionChangedEventHandlers.push(handler);
    },
    
    registerControl : function(control) {
        if(control) {
            this.controls.push(control);
            if(control.getIsIncluded()) {
                this.selectedControl = control;
            }
            
            //this.refreshView();
        }
    },
    
    onOptionChanged : function() {
        var index = this.ctrl.selectedIndex;
        if(index < this.controls.length) {
            this.selectedControl = this.controls[index];
            this.selectedControl.setIsIncluded(true);
        }
        
        for(var ctr=0; ctr<this.controls.length; ctr++) {
            var currentControl = this.controls[ctr];
            if(currentControl != this.selectedControl) {
                currentControl.setIsIncluded(false);
            }
        }
        
        this.refreshView();
        this.onSelectionChanged();
    },
    
    refreshView : function() {
        if(this.controls.length == 0) return;
        
        if(this.selectedControl) {
            this.ctrl.options.length = 0;
                        
            var index = 0;
            
            for(var ctr=0; ctr<this.controls.length; ctr++) {
                var currentControl = this.controls[ctr];
                currentControl.compareWith(this.selectedControl);
                if(currentControl == this.selectedControl) {
                    index = ctr;
                }
                this.ctrl.options[ctr] = new Option(currentControl.getDisplay(), currentControl.getId());
            }
            
            this.ctrl.selectedIndex = index;
        }
        else {
            this.selectedControl = this.controls[0];
            this.refreshView();
        }
    },
    
    onSelectionChanged : function() {
        for(var ctr=0; ctr<this.selectionChangedEventHandlers.length; ctr++) {
            var handler = this.selectionChangedEventHandlers[ctr];
            handler(this);
        }
    }

}


aspdnsf.Controls.KitController = {

    initialize : function() {
        this.controls = new Hash();
        this.observers = new Array();
    },
    
    registerControl : function(control) {
        if(control) {
            this.controls[control.getId()] = control;
            this.notifyObservers(control);
            
            return control;
        }
    },
    
    getControl : function(id) {
        return this.controls[id];
    },
    
    addObserver : function(observer) {
        if(observer) {
            this.observers[this.observers.length] = observer;
        }
    },
    
    notifyObservers : function(control) {
        for(var ctr=0; ctr< this.observers.length; ctr++) {
            this.observers[ctr].notify(control);
        }
    }
}

aspdnsf.Controls.KitController.initialize();

aspdnsf.Controls.KitControl = Class.create();
aspdnsf.Controls.KitControl.prototype = {

    initialize : function(id, basePrice, regBasePrice) {  
        this.id = id;
        this.basePrice = basePrice;
        this.regBasePrice = regBasePrice;
        this.isOnSale = (this.basePrice < this.regBasePrice);
        
        this.groups = new Array();
        this.compositionChangedEventHandlers = new Array();
        
        this.tax = 1;
        this.discount = 0;
        
        this.groupCompositionCompleteEventHandlers = new Array();
    },
    
    getId : function() {
        return this.id;
    },
    
    getGroups : function() {
        return this.groups;
    },
    
    registerGroup : function(group) {
        if(group) {
            this.groups.push(group);
            group.addSelectionChangedEventHandler(this.groupSelectionChangedEventHandler.bind(this));
        }
    },
    
    getBasePrice : function() { 
        return this.basePrice * this.tax;
    },
    
    getIsOnSale : function() {
        return this.isOnSale;
    },
    
    getRegularBasePrice : function() {
        return this.regBasePrice;
    },
    
    getCustomizedPrice : function(excludeDiscount) {
        var delta = 0;
        for(var ctr=0; ctr<this.groups.length;ctr++) {
            var group = this.groups[ctr];
            delta += group.getDeltaPrice(excludeDiscount);
        }
        
        var basePrice = this.getBasePrice();
        if(arguments.length == 0 || !excludeDiscount) {
            basePrice *= (1-(this.discount/100));
        }
        
        return basePrice + delta;
    },
    
    setTax : function(tax) {
        this.tax = tax;
    },
    
    setDiscount : function(discount) {
        this.discount = discount;
    },
    
    addCompositionChangedEventHandler : function(handler) {
        this.compositionChangedEventHandlers.push(handler);
    },
    
    setGroupCompositionComplete : function() {
        this.onGroupCompositionComplete();
    },
    
    addGroupCompositionCompleteEventHandler : function(handler) {
        this.groupCompositionCompleteEventHandlers.push(handler);
    },
    
    onGroupCompositionComplete : function() {
        for(var ctr=0; ctr<this.groupCompositionCompleteEventHandlers.length; ctr++) {
            var handler = this.groupCompositionCompleteEventHandlers[ctr];
            handler(this);
        }
    },
    
    groupSelectionChangedEventHandler : function(group) {
        this.persistComposition();
        this.onCompositionChanged();
    },
    
    persistComposition : function() {        
        var compositions = new Array();
        for(var gctr=0; gctr<this.groups.length; gctr++) {
            var group = this.groups[gctr];
            var items = group.getSelectedItems();
            for(var ictr=0; ictr<items.length; ictr++) {
                var item = items[ictr];
                compositions.push(group.getId()+'+'+item.getId());
            }
        }
        
        var items = document.getElementsByClassName('KitItems');
        items.each(
            function(elem, idx) {
                elem.value = compositions;
            }
        );
    },
    
    onCompositionChanged : function() {
        for(var ctr=0; ctr<this.compositionChangedEventHandlers.length; ctr++) {
            var handler = this.compositionChangedEventHandlers[ctr];
            handler(this);
        }
    },    
    
    
    getPersistCompositionHandler : function() {
        var persistCompositionHandler = this.persistComposition.bind(this);
        return persistCompositionHandler;
    },
    
    chainHandler : function(prevHandler) {
        var persistCompositionHandler = this.persistComposition.bind(this);
        
        return function(){
        
            persistCompositionHandler();
            
            if(prevHandler) {
                return prevHandler();    
            }
            
            return true;            
        };
    }

}

aspdnsf.Controls.Highlight = Class.create();
aspdnsf.Controls.Highlight.prototype = {
  
  initialize : function(id) {
    this.elem = $(id);
    this.ctr = 0;
    
    this.doHighLight();
  },
  
  colors : ["#A9FFFE","#B1FFFE","#BBFFFE","#C3FFFE","#CDFFFE","#D7FFFE","#E3FFFE","#EFFFFE","#FFFFE1"],
  
  doHighLight : function(pe) {
    if(this.elem) {
      if(this.ctr < this.colors.length) {
        this.elem.style.backgroundColor = this.colors[this.ctr];
        this.ctr += 1;

        new PeriodicalExecuter(this.doHighLight.bind(this), .1);
      }
      else {
        pe.stop();
      }
      
    }
  }
        
}

aspdnsf.Controls.KitPriceControl = Class.create();
aspdnsf.Controls.KitPriceControl.prototype = {

    initialize : function(id, clientId) {
        this.id = id;
        this.ctrl = $(clientId);
        //this.basePrice = basePrice;
        this.kitControl = null;
        this.lblRegularBasePrice = $(clientId + '_RegularBasePrice');
        this.lblBasePrice = $(clientId + '_BasePrice');
        this.lblCustomizedPrice = $(clientId + '_CustomizedPrice');
        this.lblLevelPrice = $(clientId + '_LevelPrice');
        this.customerHasLevel = false;
        this.customerLevel = '';
        this.vatEnabled = false;
        this.vatInclusive = false;
        
        this.displayEventHandlers = new Array();
    },
    
    setCustomerLevel : function(level) {
        this.customerHasLevel = true;
        this.customerLevel = level;
    },
    
    getIsVatEnabled : function() {
        return this.vatEnabled;
    },
    
    setIsVatEnabled : function(vatEnabled) {
        this.vatEnabled = vatEnabled;
    },
    
    getIsVatInclusive : function() {
        return this.vatInclusive;
    },
    
    setIsVatInclusive : function(vatInclusive) {
        this.vatInclusive = vatInclusive;
    },
    
    setKitControl : function(kitControl) {
        if(kitControl) {
            this.kitControl = kitControl;
            this.kitControl.addGroupCompositionCompleteEventHandler(this.kitGroupCompositionCompleteEventHandler.bind(this));
            this.kitControl.addCompositionChangedEventHandler(this.kitCompositionChangedEventHandler.bind(this));
            this.buildDisplay();
        }
        else {
            aspdnsf.Controls.KitController.addObserver(this);
        }
    },
    
    notify : function(kitControl) {
        this.setKitControl(kitControl);
    },
    
    kitGroupCompositionCompleteEventHandler : function() {
        this.buildDisplay();
    },
    
    kitCompositionChangedEventHandler : function() {
        this.buildDisplay();
    },
    
    addDisplayEventHandler : function(handler) {
        this.displayEventHandlers.push(handler);
    },
    
    buildDisplay : function() {
        if(this.kitControl.getIsOnSale()) {
            this.lblRegularBasePrice.innerHTML = 'Reg Base Price: ' + aspdnsf.CurrencyFormatter.format(this.kitControl.getRegularBasePrice());
            //this.lblRegularBasePrice.style.textDecoration = "line-through";
            this.lblBasePrice.className = 'KitBasePriceOnSale';
            this.lblCustomizedPrice.className = 'KitCustomizedPriceOnSale';
            this.lblLevelPrice.className = 'KitLevelPriceOnSale';
        }
        this.lblBasePrice.innerHTML = aspdnsf.StringResource.getString('showproduct.aspx.103') + ' ' + aspdnsf.CurrencyFormatter.format(this.kitControl.getBasePrice());
        if(this.getIsVatEnabled()) {
            if(this.getIsVatInclusive()) {
                this.lblBasePrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.6');
            }
            else {
                this.lblBasePrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.7');
            }
        }
        
        this.lblCustomizedPrice.innerHTML = aspdnsf.StringResource.getString('showproduct.aspx.104') + ' ' + aspdnsf.CurrencyFormatter.format(this.kitControl.getCustomizedPrice(true));
        if(this.getIsVatEnabled()) {
            if(this.getIsVatInclusive()) {
                this.lblCustomizedPrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.6');
            }
            else {
                this.lblCustomizedPrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.7');
            }
        }
        
        if(this.customerHasLevel) {
            this.lblLevelPrice.style.display = "";
            this.lblLevelPrice.innerHTML = this.customerLevel + ' ' + aspdnsf.StringResource.getString('showproduct.aspx.104') + ' ' + aspdnsf.CurrencyFormatter.format(this.kitControl.getCustomizedPrice(false));
            if(this.getIsVatEnabled()) {
                if(this.getIsVatInclusive()) {
                    this.lblLevelPrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.6');
                }
                else {
                    this.lblLevelPrice.innerHTML += ' ' + aspdnsf.StringResource.getString('setvatsetting.aspx.7');
                }
            }
            
            this.lblBasePrice.style.textDecoration = "line-through";
            this.lblCustomizedPrice.style.textDecoration = "line-through";
        }

        this.onDisplay();
    },
    
    onDisplay : function() {
        for(var ctr=0; ctr<this.displayEventHandlers.length; ctr++) {
            var handler=this.displayEventHandlers[ctr];
            handler(this);
        }
    }

}


aspdnsf.Controls.KitDetailsControl = Class.create();
aspdnsf.Controls.KitDetailsControl.prototype = {
    
    initialize : function(id) {
        this.id = id;
        
        this.lnkHeader = $('lnkKitDetailHeader_' + id);
        this.lnkHeader.onclick = this.onHeaderLinkClicked.bind(this);
        
        this.pnlDetails = $('pnlKitDetails_' + id);
        
        this.kitControl = null;
    },
    
    setKitControl : function(control) {
        this.kitControl = control;
        
        this.kitControl.addCompositionChangedEventHandler(this.kitCompositionChangedEventHandler.bind(this));
        this.buildDisplay();
    },
    
    onHeaderLinkClicked : function() {
        if(this.pnlDetails.style.display == "") {
            this.lnkHeader.innerHTML = aspdnsf.StringResource.getString('showproduct.aspx.102');
            this.pnlDetails.style.display = "none";
        }
        else {
            this.lnkHeader.innerHTML = aspdnsf.StringResource.getString('showproduct.aspx.101');
            this.pnlDetails.style.display = "";
        }
    },
    
    kitCompositionChangedEventHandler : function() {
        this.buildDisplay();
    },
    
    buildDisplay : function() {
        this.pnlDetails.innerHTML = '';
        
        var ul = document.createElement('ul');
        this.pnlDetails.appendChild(ul);
        
        var kitGroups = this.kitControl.getGroups();
        for(var gctr=0; gctr<kitGroups.length; gctr++) {
            var currentGroup = kitGroups[gctr];                
            var items = currentGroup.getSelectedItems();
            for(var ictr=0; ictr<items.length; ictr++) {
                var item = items[ictr];
                var li = document.createElement('li');
                li.innerHTML = item.getName();
                
                ul.appendChild(li);
            }
        }
    }
}