function writeSelectBox(matrix, id, size, onchange, cssstyle, cssclass) {
    // Solo si es internet - explorer
    var ie4 = (navigator.family == 'ie4');

    if (ie4) {
        createIEString(matrix, id, size, onchange, cssstyle, cssclass);
    } else {
        createXString(matrix, id, size, onchange, cssstyle, cssclass);
    }
}

function createIEString(matrix, id, size, onchange, cssstyle, cssclass) {
    var d = window.document;
    // Span startTag	
    mainCssClass = false;
    if(cssclass!=null) {
        mainCssClass = true;
        d.write('<div class="'+cssclass+'">');
    }

    d.write('<span class="wfxselect"');


    if (size == null)
        size = 1;
    d.write(' size="' + size + '"');	
    if (id != null)
        d.write(' id="sel' + id + '"');
    if (onchange != null)
        d.write(' onchange="' + onchange + '"');
    if (cssstyle != null)
        d.write(' style="' + cssstyle + '"');
    d.write('>');
	
    // Table Tag
    d.write('<table class="wfxselectTable" cellspacing="0" cellpadding="0"\
                    onclick="toggleDropDown(this.parentElement)">\
             <tr>\
                <td class="wfxselected"><div class="wfxselected">&nbsp;</div></td>\
                <td align="CENTER" valign="MIDDLE" class="Button"\
                    onmousedown="this.style.border=\'2 inset buttonhighlight\'"\
                    onmouseup="this.style.border=\'2 outset buttonhighlight\'"><img src="'+strBaseURL+'imagenes/buttons/down.gif" width="6" height="3" alt="arrow"></td>\
             </tr>\
             </table>');

		
    // DropDown startTag
    d.write('<div class="wfxdropDown" onclick="optionClick()" onmouseover="optionOver()" onmouseout="optionOut()">');
		
    var _selectedValue = undefined;        
    for (var i=0; i<matrix.length; i++) {
        html     = matrix[i].html;
        value    = matrix[i].value;
        cssclass = matrix[i].cssclass;
        cssstyle = matrix[i].cssstyle;
        selected = matrix[i].selected;
			
        // Write option starttag
        d.write('<div class="wfxoption');
        if(cssclass!=null) {
            d.write(' + '+cssclass+'"');
        } else {
            d.write('"');
        }

        if (value != null)
            d.write(' value="' + value + '"');
        if (cssstyle != null)
            d.write(' style="' + cssstyle + '"');
        if (selected != null)
            d.write(' selected');
        d.write('>');
			
        // Write HTML contents
        if(html!=null) {
            d.write(html);
        }
        // Write end tag
        d.write('</div>');
        if(selected!=null) _selectedValue = value;
    }
	
    //DropDown endtag
    d.write('</div>');
		
    // Span endTag
    d.write('</span>');
    if(mainCssClass) {
        d.write('</div>');
    }
    
    // Ahora escribimos un input type que tiene el valor que necesitamos.
    d.write('<input type="hidden" name="'+id+'" id="'+id+'"');
    if(_selectedValue != undefined) {
        d.write(' value = "'+_selectedValue+'"');
    }
    d.write('>');

}

function createXString(matrix, id, size, onchange, cssstyle,cssclass) {
    var d = window.document;
    // Select startTag
    d.write('<select');
    if(cssclass!=null) {
        d.write(' class = "'+cssclass+'"');
    }
    if (size == null)
        size = 1;
    d.write(' size="' + size + '"');	
    if (id != null) {
        d.write(' id="' + id + '"');
        d.write(' name="' + id+ '"');
    }
    if (onchange != null)
        d.write(' onchange="' + onchange + '"');
    if (cssstyle != null)
        d.write(' style="' + cssstyle + '"');
    d.write('>\n');
    // write options
    for (var i=0; i<matrix.length; i++) {
        html     = matrix[i].html;
        value    = matrix[i].value;
        cssstyle = matrix[i].cssstyle;
        selected = matrix[i].selected;
		
        // Write option starttag
        d.write('<option');
        if (value != null)
            d.write(' value="' + value + '"');
        if (cssstyle != null)
            d.write(' style="' + cssstyle + '"');
        if (selected != null)
            d.write(' selected');
        d.write('>');
		
        // Write HTML contents
        if(html) {
            d.write(html);
        }
	// Write end tag
        d.write('</option>\n');
    }
    d.write('</select>\n');
}

function Option(html, value, selected,cssstyle, cssclass) {
    this.html = html;
    if (value){
    	this.value = value;
	}else{
    	this.value = "";
	}
    this.cssstyle = cssstyle;
    this.cssclass = cssclass;
    this.selected = selected;
}