/*
	tested on 
		PC
			IE 6, 7
			Netscape 7+
			Firefox
		Mac 
			Camino
			Safari
			Netscape
			Firefox
			IE (positioning issue doesn't quit work)
	
	
	*/
	hasFocus = false
	click = 0	//used to track click state - do not change
//	contractedWidth = "112px"	//initial width of drop down list
    contractedWidth = "170px"	//initial width of drop down list
	expandedWidth = "300px"		//width that you want drop down list to expand to

    //for use in spanish page
	contractedWidthSP = "170px"	//initial width of drop down list
	expandedWidthSP = "300px"		//width that you want drop down list to expand to


	//function setDdlPosition(){	//called on body onLoad Event. Changes positioning from relative to absolute for floating purposes
		
        //document.forms[0].ddlProgramActivities.style.position = "absolute"
		//use line below if you need to reposition slightly
		//document.searchForm.ddlProgramActivities.style.top = "2px"
	//}
	function ddlBlur(el){	
		resetWidth(el)
		resetClick()
		hasFocus = false
	}
	
	function ddlFocus(el){	
		expandWidth(el)
		//el.click();
		el.selectedIndex = -1
		hasFocus = true

		//resetClick()
	}
	
	function ddlClick(){
		//if (click==0)
		//	click = 1
		//else
		//	click = 0
		incrementClick()
	}	
	
	function ddlOver(el){
        
		expandWidth(el)
			
	}
	function ddlOut(el){
		if(click==0 && !hasFocus)
			resetWidth(el)
	}
	function ddlChange(el){
		resetWidth(el)
		resetClick()
	}
	
	function resetClick(){
		click = 0
	}
	function incrementClick(){
		click += 1
	}
	function resetWidth(el){
        el.style.position = "absolute"
		if (BrowserDetect.browser != "Firefox")
			el.style.width = contractedWidth;
			el.blur()
	}
	function expandWidth(el){
        el.style.position = "absolute"
		if (BrowserDetect.browser != "Firefox")
			el.style.width = expandedWidth;
	}

// spanish
	function ddlBlurSP(el){	
		resetWidthSP(el)
		resetClickSP()
		hasFocus = false
	}
	
	function ddlFocusSP(el){	
		expandWidthSP(el)
		//el.click();
		el.selectedIndex = -1
		hasFocus = true
		//resetClick()
	}
	
	function ddlClickSP(){
		//if (click==0)
		//	click = 1
		//else
		//	click = 0
		incrementClickSP()
	}	
	
	function ddlOverSP(el){
		expandWidthSP(el)
			
	}
	function ddlOutSP(el){
		if(click==0 && !hasFocus)
			resetWidthSP(el)
	}
	function ddlChangeSP(el){
		resetWidthSP(el)
		resetClickSP()
	}
	
	function resetClickSP(){
		click = 0
	}
	function incrementClickSP(){
		click += 1
	}
	function resetWidthSP(el){
		if (BrowserDetect.browser != "Firefox")
			el.style.width = contractedWidthSP;
			el.blur()
	}
	function expandWidthSP(el){
		if (BrowserDetect.browser != "Firefox")
			el.style.width = expandedWidthSP;
	}