var m_arrayListBoxItems;

function SetDisplay(ctr,display)
{
//Generic Solution to handle Different Browser Types and how to set Display
        if (window.ActiveXObject)//IE
        {
            ctr.style.display = display;
        }
        else if (document.implementation && document.implementation.createDocument) //Mozilla
        {
            ctr.setAttribute("style","display:" + display + ";");
        }
}

function SetSelectorDisplay(eleId)
{
	var list = document.getElementById(eleId);
	//var listBox = document.getElementById('m_lbSelected');
	if(list)
		var listItems = getItemList(list, 'a');
	//if(listBox)
	//	var listBoxItems = getItemList(listBox, 'option');
	for (i=0;i<listItems.length;i++)
	{

		var linkHref = listItems[i].getAttribute('href');
		var linkValue = listItems[i].getAttribute('value');
//		if (listBox)
//		{
//			setSelectedItems(linkValue, listBoxItems);
//			attachEventListener(listItems[i],'click',function(e)
//			{
//				if (linkHref != '' && linkHref.indexOf('#') > -1)
//					setClassName(this, 'click');
//			},false);
//		}
//		attachEventListener(listItems[i],'mouseover',function(e)
//		{
//			setClassName(this, 'mouseover');
//		},false);
//		attachEventListener(listItems[i],'mouseout',function(e)
//		{
//			setClassName(this, 'mouseout');
//		},false);

	}
}

//function setSelectedItems(linkValue, listBoxItems)
//{
// 	var j = 0;
	//console.log(listBoxItems.length);
//	while(j<listBoxItems.length)
//	{
//		var listBoxItemValue = listBoxItems[j].getAttribute('value');
//	}
//}

function setClassName(ele, actionType)
{
	var classname;
	classname = ele.getAttribute('class');
	classname = ele.className;
//	switch (actionType) 
//	{
//		case 'mouseover':
//			if (classname.indexOf('Hover') < 0 || classname.indexOf('Selected') < 0)
//				ele.setAttribute('class', classname + ' Hover');
//			break;
//		case 'mouseout':
//			if (classname.indexOf('Hover') > -1)
//			{
//				if (classname.indexOf('Selected') > classname.indexOf('Hover'))
//					classname = classname.slice(0,classname.indexOf('Hover')) + ' Selected';
//				else
//					classname = classname.slice(0,classname.indexOf('Hover'));
//				ele.setAttribute('class', classname);
//			}
//			break;
//		case 'click':
//			if (classname.indexOf('Selected') < 0)
//			{
//				ele.setAttribute('class', classname + ' Selected');
//			}
//			else
//			{
//				classname = classname.slice(0,classname.indexOf('Selected'));
//				ele.setAttribute('class', '');
//			}				
//			break;
//	}
}

function getItemList(parentEleObj, listEleType)
{
	return parentEleObj.getElementsByTagName(listEleType);
}
//******   Below are used on MyAccountEdit page ********

function CaptureItem(id,name)
{
	var elem = document.getElementById("m_lbSelected");
    
    var foundElem = false;
    for(var i=0; i<elem.options.length; i++)
    {
        if(elem.options[i].value == id)
        {
            elem.options[i] = null;
            foundElem = true;
        }
    }
   
    if(foundElem == false)
    {
       elem.options[elem.options.length] = new Option(name,id,false,false);
       elem.options[elem.options.length-1].setAttribute("name",id); 
    }    
    return false; //So that link doesnt go to #
}

function RemoveFromList()
{
    var elem = document.getElementById("m_lbSelected");
    for(var i=(elem.options.length-1); i>=0; i--)
    {
        if(elem.options[i].selected)
        {
            
            //var id = elem.options[i].attributes["name"].value;
            //UnCheck(id);
            elem.options[i] = null;
        }
    }
}

function SelectAll()
{
    var elem = document.getElementById("m_lbSelected");
    for(var i=(elem.options.length-1); i>=0; i--)
    {
        elem.options[i].selected = true;
    }   
}

//**********************************************************