function toggleDropDown(eventElement) 
{
  var choices = $get('SearchChoices');
  if (isDropDownVisible) 
  { 
    choices.style.display='none';
	isDropDownVisible = false;	
  } 
  else 
  { 
    choices.style.display='block'; 
	isDropDownVisible = true;	
  } 
}

function selectSearch(eventElement) 
{ 
  toggleDropDown(eventElement);
  $get('SearchIcon').style.backgroundImage=dnn.getVar(eventElement.target.id+'Url');
  
  /* We use 'W' and 'S' to keep our code consistent with the old search skin object */
  if (eventElement.target.id.indexOf("Web") > 0)
  {
	dnn.setVar('SearchIconSelected', 'W');
  }
  else
  {
	dnn.setVar('SearchIconSelected', 'S');
  }
}

function searchHilite(eventElement)
{
  eventElement.target.className='searchHilite';
}

function searchDefault(eventElement)
{
  eventElement.target.className='searchDefault';
}

function initSearch()
{
  var searchIcon = $get('SearchIcon');
  if (dnn.getVar('SearchIconSelected') == 'S')
  {
	searchIcon.style.backgroundImage=dnn.getVar('SearchIconSiteUrl');
  }
  else
  {
	searchIcon.style.backgroundImage=dnn.getVar('SearchIconWebUrl');
  }
  $addHandler(searchIcon, 'click', toggleDropDown);

  var siteIcon = $get('SearchIconSite');
  siteIcon.style.backgroundImage=dnn.getVar('SearchIconSiteUrl');
  $addHandler(siteIcon, 'click', selectSearch);
  $addHandler(siteIcon, 'mouseover', searchHilite);
  $addHandler(siteIcon, 'mouseout', searchDefault);

  var webIcon = $get('SearchIconWeb');
  webIcon.style.backgroundImage=dnn.getVar('SearchIconWebUrl');
  $addHandler(webIcon, 'click', selectSearch);
  $addHandler(webIcon, 'mouseover', searchHilite);
  $addHandler(webIcon, 'mouseout', searchDefault);
  
  /* Set the default display style to resolve DOM bug */
  $get('SearchChoices').style.display='none';
}

var isDropDownVisible = false;
initSearch();