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 */
  switch (eventElement.target.id) {
      
      case "SearchIconSite":
          dnn.setVar('SearchIconSelected', 'S');
          break;
      
      case "SearchIconStoreTitle":
          dnn.setVar('SearchIconSelected', 'T');
          break;
      
      case "SearchIconStoreAuthor":
          dnn.setVar('SearchIconSelected', 'A');
          break;
      
      case "SearchIconStoreISBN":
          dnn.setVar('SearchIconSelected', 'I');
          break;

      case "SearchIconWeb":
          dnn.setVar('SearchIconSelected', 'W');
          break;
      
      default:
          dnn.setVar('SearchIconSelected', 'S');
  }
}

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

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

function initSearch()
{
    var searchIcon = $get('SearchIcon');

    // Modified by Robert
    switch (dnn.getVar('SearchIconSelected')) {
        case 'S':
            searchIcon.style.backgroundImage = dnn.getVar('SearchIconSiteUrl');
            break;
        case 'T':
            searchIcon.style.backgroundImage = dnn.getVar('SearchIconStoreTitleUrl');
            break;
        case 'A':
            searchIcon.style.backgroundImage = dnn.getVar('SearchIconStoreAuthorUrl');
            break;
        case 'I':
            searchIcon.style.backgroundImage = dnn.getVar('SearchIconStoreISBNUrl');
            break;
        default:
            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);

    // Added By Robert
    var siteIcon = $get('SearchIconStoreTitle');
    siteIcon.style.backgroundImage = dnn.getVar('SearchIconStoreTitleUrl');
    $addHandler(siteIcon, 'click', selectSearch);
    $addHandler(siteIcon, 'mouseover', searchHilite);
    $addHandler(siteIcon, 'mouseout', searchDefault);

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

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

    // end

    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();