function Hover(obj)
{
	obj.className = obj.className + "_hover";
}

function DeHover(obj)
{
  obj.className = obj.className.substr(0,obj.className.indexOf("_hover"));	
}

function ToggleAdvancedSearch()
{
  var elem = $("advanced_area");
  if (elem) {
    if (elem.getAttribute("status") != "expanded") {
      ShowArea(elem);	
    } else {
      HideArea(elem);		
    }	
  }
}

function ShowArea(elem)
{
  elem.setAttribute("status","expanded");
  Effect.SlideDown(elem, {duration: 0.5, transition: Effect.Transitions.spring});
  var down = $("icon_advanced_down");
  var up = $("icon_advanced_up")
  if ((down) && (up) ) {
    Element.hide(down);
    Element.show(up);
  }
}

function HideArea(elem)
{
  elem.setAttribute("status","collapsed");  
  Effect.SlideUp(elem, {duration: 0.5});  		 
  var down = $("icon_advanced_down");
  var up = $("icon_advanced_up")
  if ((down) && (up) ) {
    Element.hide(up);
    Element.show(down);
  }
}

function CollapseSearchBar()
{   
   var color = "orange";
   if ( $("advanced_area").getAttribute("status") == "expanded" ) {
     color = "red";	
   }
   var elem1 = $("searchbar");
   var elem2 = $("searchbar_logo");
   if ((elem1) && (elem2)) {
     if (elem1.getAttribute("status") != "collapsed") {     
       var ew = 32 - Element.getWidth(elem1) + 14;
       var logoleft = Element.getWidth(elem1) - 80;            
       ExpandArrow(color);
       new Effect.Move(elem1, { x: ew, y: 0, mode: 'absolute', afterFinish: AddClickEvent });
       new Effect.Move(elem2, { x: logoleft, y: 0, mode: 'absolute' });
       elem1.setAttribute("status", "collapsed");
     }
   }
}

function ExpandSearchBar()
{
	RemoveClickEvent();
	var color = "orange";
  if ( $("advanced_area"). getAttribute("status") == "expanded" ) {
    color = "red";	
  }
  var elem0 = $("searchbar_outer");
	var elem1 = $("searchbar");
	var elem2 = $("searchbar_logo");
	if ((elem0) && (elem1) && (elem2)) {
  	 if (elem1.getAttribute("status") != "expanded") {
  	   elem0.style.width = "329px";
  	   CollapseArrow(color);
  	   var logoleft = 0;	
       new Effect.Move(elem1, { x: 0, y: 0, mode: 'absolute', afterFinish:HideArrow});
       new Effect.Move(elem2, { x: logoleft, y: 0, mode: 'absolute'});
       elem1.setAttribute("status", "expanded");
     }
  }
}

function ExpandArrow(color)
{
  var arrow = $("searchbar_arrow_" + color);	
  if (arrow) {
    Element.show(arrow);
    new Effect.Move(arrow, { x: 15, y: 0, mode:'relative' });	
  }
}

function CollapseArrow(color)
{
  var arrow = $("searchbar_arrow_" + color);	
  if (arrow) {
    new Effect.Move(arrow, { x: -15, y: 0, mode:'relative' });	  
  }	 
}

function HideArrow()
{
	Element.hide("searchbar_arrow_red");
	Element.hide("searchbar_arrow_orange")
}

function AddClickEvent()
{
  var searchbar_outer = $("searchbar_outer");
  var searchbar = $("searchbar");
  if ((searchbar_outer) && (searchbar)) {
    Event.observe(searchbar, "click", BackToResults);
    Element.addClassName(searchbar, "clickable");
    searchbar_outer.style.width = "90px";
	}
}

function RemoveClickEvent()
{
  var sbouter = $("searchbar");
  if (sbouter) {
    Event.stopObserving(sbouter, "click", BackToResults);   
    Element.removeClassName(sbouter,"clickable");
  }
}

function BackToResults() 
{
  __doPostBack('NavigateToResults','');
}