var IEHTMLSelectElement = (function() {
    /*! Copyright (c) 2008 Brandon Aaron (http://brandonaaron.net)
	 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
	 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
	 *
	 * Version 2.1.2-pre
	 */

	(function($){

	/**
	 * The bgiframe is chainable and applies the iframe hack to get 
	 * around zIndex issues in IE6. It will only apply itself in IE6 
	 * and adds a class to the iframe called 'bgiframe'. The iframe
	 * is appeneded as the first child of the matched element(s) 
	 * with a tabIndex and zIndex of -1.
	 * 
	 * By default the plugin will take borders, sized with pixel units,
	 * into account. If a different unit is used for the border's width,
	 * then you will need to use the top and left settings as explained below.
	 *
	 * NOTICE: This plugin has been reported to cause perfromance problems
	 * when used on elements that change properties (like width, height and
	 * opacity) a lot in IE6. Most of these problems have been caused by 
	 * the expressions used to calculate the elements width, height and 
	 * borders. Some have reported it is due to the opacity filter. All 
	 * these settings can be changed if needed as explained below.
	 *
	 * @example $('div').bgiframe();
	 * @before <div><p>Paragraph</p></div>
	 * @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>
	 *
	 * @param Map settings Optional settings to configure the iframe.
	 * @option String|Number top The iframe must be offset to the top
	 * 		by the width of the top border. This should be a negative 
	 *      number representing the border-top-width. If a number is 
	 * 		is used here, pixels will be assumed. Otherwise, be sure
	 *		to specify a unit. An expression could also be used. 
	 * 		By default the value is "auto" which will use an expression 
	 * 		to get the border-top-width if it is in pixels.
	 * @option String|Number left The iframe must be offset to the left
	 * 		by the width of the left border. This should be a negative 
	 *      number representing the border-left-width. If a number is 
	 * 		is used here, pixels will be assumed. Otherwise, be sure
	 *		to specify a unit. An expression could also be used. 
	 * 		By default the value is "auto" which will use an expression 
	 * 		to get the border-left-width if it is in pixels.
	 * @option String|Number width This is the width of the iframe. If
	 *		a number is used here, pixels will be assume. Otherwise, be sure
	 * 		to specify a unit. An experssion could also be used.
	 *		By default the value is "auto" which will use an experssion
	 * 		to get the offsetWidth.
	 * @option String|Number height This is the height of the iframe. If
	 *		a number is used here, pixels will be assume. Otherwise, be sure
	 * 		to specify a unit. An experssion could also be used.
	 *		By default the value is "auto" which will use an experssion
	 * 		to get the offsetHeight.
	 * @option Boolean opacity This is a boolean representing whether or not
	 * 		to use opacity. If set to true, the opacity of 0 is applied. If
	 *		set to false, the opacity filter is not applied. Default: true.
	 * @option String src This setting is provided so that one could change 
	 *		the src of the iframe to whatever they need.
	 *		Default: "javascript:false;"
	 *
	 * @name bgiframe
	 * @type jQuery
	 * @cat Plugins/bgiframe
	 * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
	 */
	$.fn.bgIframe = $.fn.bgiframe = function(s) {
		// This is only for IE6
		if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
			s = $.extend({
				top     : 'auto', // auto == .currentStyle.borderTopWidth
				left    : 'auto', // auto == .currentStyle.borderLeftWidth
				width   : 'auto', // auto == offsetWidth
				height  : 'auto', // auto == offsetHeight
				opacity : true,
				src     : 'javascript:false;'
			}, s || {});
			var prop = function(n){return n&&n.constructor==Number?n+'px':n;},
			    html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
			               'style="display:block;position:absolute;z-index:-1;'+
				               (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
						       'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
						       'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
						       'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
						       'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
						'"/>';
			return this.each(function() {
				if ( $('> iframe.bgiframe', this).length == 0 )
					this.insertBefore( document.createElement(html), this.firstChild );
			});
		}
		return this;
	};

	})(jQuery);
    //see documentation for the ActiveX control
    //http://www.devguru.com/features/tutorials/ComboControl/combocontrol.html
    var p_isIE = !!(document.uniqueID && document.expando);
    var p_isIE6 = !!(p_isIE && !window.XMLHttpRequest);
    var p_n = 0 * Date.parse(new Date);
    
    var oApi = {
        
        
        
        _onResize: function() {
            
            var e = window.event;
            var dHTMLSel = e.srcElement;
            IEHTMLSelectElement.fix(dHTMLSel);
        },
        
        
        VBonActiveXChangeForJS: function(dActiveXSel) {
            
            var sId = dActiveXSel.__CLONE_PARENT_ID;
            if ( ! sId)
                return;
            var dHTMLSel = document.getElementById(sId);
            dHTMLSel.selectedIndex = dActiveXSel.listindex;
            dHTMLSel.fireEvent('onChange');
            
        },
        
        _onPropertyChange: function() {
            
            var e = window.event;
            var sN = e.propertyName;
            switch(sN) {
                
                case 'value': ;
                case 'selectedIndex': ;
                
                var dHTMLSel = e.srcElement;
                var dActiveXSel = document.getElementById(dHTMLSel.__CLONE_CHILD_ID);
                if (dHTMLSel.selectedIndex < 0)
                    dHTMLSel.selectedIndex = 0;
                
                if (dHTMLSel.selectedIndex != dActiveXSel.listindex) {
                    dActiveXSel.listindex = dHTMLSel.selectedIndex;
                };
                
                break;
                default: ;
                if (sN.indexOf('style') === 0) {
                    dActiveXSel.style.display = dActiveXSel.currentStyle.display;
                } else if (sN === 'focus') {
                    } else {
                    };
                return;
                
                
            };
        },
        
        
        
        
        find: function(x) {
            var dEl;
            if (typeof(x) == 'string')
                return document.getElementById(x);
            if ( ! x || !x.tagName || x.tagName != 'SELECT')
                return null;
            return x;
        },
        
        unfix: function(x) {
            if ( ! p_isIE6)
                return false;
            var dSel;
            if (x.length && x.namedItem && !x.tagName) {
                
                //nodeList
                var a = [];
                for (var i = 0, dEl; dEl = x[i]; i ++ ) {
                    try {
                        a.push(this.unfix(dEl));
                    }
                    catch(err) {
                        alert(dEl.tagName + err.message);
                    }
                };
                return a;
                
            } else {
                dSel = this.find(x);
            };
            
            if ( ! dSel)
                return null;
            if (dSel.__CLONE_CHILD_ID) {
                
                var dActiveXSel = document.getElementById(dSel.__CLONE_CHILD_ID);
                dActiveXSel.removeNode(true);
                dSel.detachEvent('onpropertychange', this._onPropertyChange);
                dSel.detachEvent('onresize', this._onResize);
                dSel.style.cssText = dSel.__defaultCssText;
                dSel.__CLONE_CHILD_ID = undefined;
                dSel.__defaultCssText = undefined;
                
            };
            
        },
        
        
        fix: function(x) {
            
            
            if ( ! p_isIE6)
                return false;
            var dSel;
            
            if (x.length && x.namedItem && !x.tagName) {
                
                //nodeList
                var a = [];
                for (var i = 0, dEl; dEl = x[i]; i ++ ) {
                    try {
                        a.push(this.fix(dEl));
                    }
                    catch(err) {
                        alert(dEl.tagName + err.message);
                    }
                };
                return a;
                
            } else {
                dSel = this.find(x);
            };
            
            if ( ! dSel)
                return null;
            
            
            
            
            
            if (dSel.__CLONE_CHILD_ID) {
                this.unfix(dSel);
            };
            
            
            var sId = (dSel.id = dSel.id || ('IEHTMLSelectElement' + (p_n ++ )));
            var sId2 = 'IEHTMLSelectElement' + (p_n ++ );
            
            var dStyle = dSel.currentStyle;
            var sW = dSel.offsetWidth + 'px';
            //dStyle['width'];
            var sH = dSel.offsetHeight + 'px';
            //dStyle['height'];
            //sW = (sW=='auto')?dSel.offsetWidth  + 'px' : sW;
            //sH = (sH=='auto')?dSel.offsetHeight + 'px' : sH;
            
            if (typeof(dSel.__defaultCssText) != 'string') {
                dSel.__defaultCssText = dSel.style.cssText;
                dSel.hideFocus = true;
                dSel.tabIndex = -1;
            };
            
            
          
            
            
            
            var s = ['<object classid="clsid:8BD21D30-EC42-11CE-9E0D-00AA006002F3"  id="', sId2, '"  style="width:', sW, ';height:', sH, ';margin:0;vertical-align:bottom;">', '<param name="VariousPropertyBits" value="746604571" />', '<param name="BackColor" value="2147483653" />', '<param name="ForeColor" value="2147483656" />', '<param name="MaxLength" value="0" />', '<param name="BorderStyle" value="0" />', '<param name="ScrollBars" value="0" />', '<param name="DisplayStyle" value="7" />', '<param name="MousePointer" value="0" />', '<param name="Size" value="1588;635" />', '<param name="PasswordChar" value="0" />', '<param name="ListWidth" value="0" />', '<param name="BoundColumn" value="0" />', '<param name="TextColumn" value="65535" />', '<param name="ColumnCount" value="1" />', '<param name="ListRows" value="8" />', '<param name="ColumnInfo" value="0" />', '<param name="MatchEntry" value="1" />', '<param name="ListStyle" value="0" />', '<param name="ShowDropButtonWhen" value="2" />', '<param name="ShowListWhen" value="0" />', '<param name="DropButtonStyle" value="1" />', '<param name="MultiSelect" value="0" />', '<param name="Value" value="', dSel.options[dSel.selectedIndex].innerText, '" />', 
            '<param name="Caption" value="" />', '<param name="PicturePosition" value="458753" />', '<param name="BorderColor" value="2147483654" />', '<param name="SpecialEffect" value="2" />', '<param name="Accelerator" value="0" />', '<param name="GroupName" value="" />', '<param name="FontName" value="Tahoma" />', '<param name="FontEffects" value="1073741824" />', '<param name="FontHeight" value="', Math.round(dSel.offsetHeight * 8), '" />', '<param name="FontOffset" value="0" />', '<param name="FontCharSet" value="0" />', '<param name="FontPitchAndFamily" value="0" />', '<param name="ParagraphAlign" value="0" />', '<param name="FontWeight" value="0" />', 
            '</object>'
            ];
            
            
            dSel.insertAdjacentHTML('BeforeBegin', s.join(''));
            var dSel2 = document.getElementById(sId2);
            
            var nCharLength = 0;
            
            for (var i = 0, dOpt; dOpt = dSel.options[i]; i ++ ) {
                var sT = dOpt.innerText;
                var sVB = 'document.getElementById("' + sId2 + '").additem("' + sT + '")';
                nCharLength = Math.max(nCharLength, sT.length);
                try{
                    window.execScript(sVB, "VBSCRIPT");
                }catch(err){
                    //Object is not supported
                    dSel2.removeNode(true);
                    IEHTMLSelectElement.fix = function(){return false;} 
                    IEHTMLSelectElement.unfix = function(){return false;} 
                    return;
                };
            };
            
            with(dSel.style) {
                display = 'block';
                //'none';
                position = 'absolute';
                top = 0;
                left = '-5000px';
            };
            
            
            dSel.__CLONE_CHILD_ID = sId2;
            dSel2.__CLONE_PARENT_ID = sId;
            dSel2.ListWidth = nCharLength * dSel.offsetHeight / 5 + 20;
            
            dSel.attachEvent('onpropertychange', this._onPropertyChange);
            dSel.attachEvent('onresize', this._onResize);
            
            dSel.focus = function() {
                document.getElementById(this.__CLONE_CHILD_ID).focus();
            };
            
            
            
            var sVB = [
            'Private Sub ' + sId2 + '_Change()', 'window.IEHTMLSelectElement.VBonActiveXChangeForJS(document.getElementById("' + sId2 + '"))', 'End Sub'
            ].join('\n');
            
            
            window.execScript(sVB, "VBSCRIPT");
            return dSel2;
        }
        
        
    };
    
    return oApi;
    
})();