/* Multiline Combo Library  */

var MultilineCombo = {}; //Create Namespace

// Function
// Create Dropdown Box
MultilineCombo.create = function (inWidth, inLayerID, inData, inDefaultValue, inClassDefault, inClassItem, inClassSelected,inBtnSelect, inColor) {

if (inColor != null && inColor != '') MultilineCombo.Color = inColor;
if (inBtnSelect != null && inBtnSelect != '') {
if ( inBtnSelect == 1 )
    inBtnSelectImg = "btn_selectmenu.gif";
else if (inBtnSelect == 2 )
    inBtnSelectImg = "btn_selectmenu_red.jpg";
else if (inBtnSelect == 3 )
    inBtnSelectImg = "btn_selectmenu_red.jpg";
else
    inBtnSelectImg = "btn_selectmenu.gif";
}
else
    inBtnSelectImg = "btn_selectmenu.gif";

	document.write ('<div style="width: '+inWidth+'px; " onMouseout="if (checkMouseLeave(this, event)) {MultilineCombo.showMenu(\''+inLayerID+'_dropdownmenubase\',false);}">');
	document.write ('	<div id="'+inLayerID+'_dropdownbox" onclick="MultilineCombo.showMenu(\''+inLayerID+'_dropdownmenubase\',true)" style="background: #ffffff; width: '+inWidth+'px; border: 1px solid '+MultilineCombo.Color+'; display: block; cursor: pointer; cursor: hand;">');
  document.write ('	  <div style="padding: 2px 2px 0px 2px;">');
  document.write ('   	<div class="fleft" id="'+inLayerID+'_dropdownboxcontent" style="width: '+(inWidth-18)+'px;"></div>');
  document.write ('   	<div class="fright"><img src="/images/'+inBtnSelectImg+'"></div>');
  document.write ('   	<div class="DivBR"></div>');
  document.write ('   </div>');	
  document.write ('	</div>');
  document.write (' <div id="'+inLayerID+'_dropdownmenubase" style="border:1px solid '+MultilineCombo.Color+'; background:#ffffff; position: absolute; z-index: 100; width: '+inWidth+'px; overflow: auto; display: none;">');
  document.write ('		<div id="'+inLayerID+'_dropdownmenu"></div>');
  document.write (' </div>');
  document.write ('</div>');
	
	MultilineCombo.addData(inLayerID, inData, inDefaultValue, inClassDefault, inClassItem, inClassSelected);
}

MultilineCombo.addData = function(inLayerID, inData, inDefaultValue, inClassDefault, inClassItem, inClassSelected) {
	var inMenuLayer = document.getElementById(inLayerID + '_dropdownmenu');
	var ul = document.createElement('ul');
		ul.style.margin = '0px';
  	ul.style.padding = '0px 0px 0px 20px;'; 

	for (var I=0; I<inData.length; I++) {
		var li = document.createElement('li');
		li.style.cursor = 'pointer';
		li.style.listStyleImage = 'url(/images/0/news_leadPoint.gif)';
		li.style.padding = '0px';
		li.style.marginLeft = (inData[I][2] * 10) + 'px';
		var divOption = document.createElement('div');
		divOption.id = inLayerID + '_item_' + I;
		divOption.setAttribute('value',inData[I][0]);
		divOption.innerHTML = inData[I][1];
		divOption.onmouseover = function() {MultilineCombo.highlightItem(this.id,true);}
		divOption.onmouseout = function() {MultilineCombo.highlightItem(this.id,false);}
		divOption.onclick = function() {MultilineCombo.updateBox(this.id,this.getAttribute('value'),this.innerHTML,''); MultilineCombo.highlightItem(this.id,false); var tLayerID = this.id.split('_'); MultilineCombo.showMenu(tLayerID[0]+'_dropdownmenubase',false)}
		li.appendChild(divOption);
		ul.appendChild(li);
	}
	
	inMenuLayer.appendChild(ul);	
	MultilineCombo.updateBox(inLayerID, inData[inDefaultValue][0], inData[inDefaultValue][1], inData[inDefaultValue][3]);
}

MultilineCombo.updateBox = function(inLayerID, inValue, inItem, inClass) {
	var tLayerID = inLayerID.split('_');
	if (document.getElementById(tLayerID[0]) != null) {
		document.getElementById(tLayerID[0]).setAttribute('value',inValue);
	}	
	document.getElementById(tLayerID[0] + '_dropdownbox').setAttribute('value',inValue);
	document.getElementById(tLayerID[0] + '_dropdownboxcontent').className = 'fleft ' + inClass;
	document.getElementById(tLayerID[0] + '_dropdownboxcontent').innerHTML = inItem;
}

MultilineCombo.highlightItem = function(inItemID, inStatus) {
	var inItem = document.getElementById(inItemID);
	if (inStatus == true) {
		inItem.style.background = '#587aaa';
		inItem.style.color = '#ffffff';
	} else {
		inItem.style.background = '';
		inItem.style.color = '#000000';
	}		
}

MultilineCombo.showMenu = function(inLayerID,inStatus) {
	var inLayer = document.getElementById(inLayerID);
  inLayer.style.display = inStatus? '':'none';
}