//wait until dom is loaded before starting...
Event.observe(window, 'load', function() {
	initializemenu();
});

// Nav Rollover functions
if (document.images) {
  lifestyleon = new Image(); // Active images
  lifestyleon.src = "/images/GC_lifestyle_on.jpg";
  lifestyleoff = new Image(); // Active images
  lifestyleoff.src = "/images/GC_lifestyle_off.jpg";

  healthon = new Image(); // Active images
  healthon.src = "/images/GC_health_on.jpg";
  healthoff = new Image(); // Active images
  healthoff.src = "/images/GC_health_off.jpg";

  buildingon = new Image(); // Active images
  buildingon.src = "/images/GC_building_on.jpg";
  buildingoff = new Image(); // Active images
  buildingoff.src = "/images/GC_building_off.jpg";

  travelon = new Image(); // Active images
  travelon.src = "/images/GC_travel_on.jpg";
  traveloff = new Image(); // Active images
  traveloff.src = "/images/GC_travel_off.jpg";

  petson = new Image(); // Active images
  petson.src = "/images/GC_pets_on.jpg";
  petsoff = new Image(); // Active images
  petsoff.src = "/images/GC_pets_off.jpg";

  marketplaceon = new Image(); // Active images
  marketplaceon.src = "/images/GC_marketplace_on.jpg";
  marketplaceoff = new Image(); // Active images
  marketplaceoff.src = "/images/GC_marketplace_off.jpg";

  membershipon = new Image(); // Active images
  membershipon.src = "/images/GC_membership_on.jpg";
  membershipoff = new Image(); // Active images
  membershipoff.src = "/images/GC_membership_off.jpg";


}

function imgOn(imgName) {
  if (document.images) {
    document[imgName].src = eval(imgName + "on.src");
  }
}

function imgOff(imgName) {
  if (document.images) {
    document[imgName].src = eval(imgName + "off.src");
  }
}

/******************************
Code for drop down navigation menus
	*requires prototype		 
********************************/


function initializemenu()
{
	menuimgs = $$('img.menubutton');
	menus = $$('li.menubutton');
	dropdownholders = $$('ul.dropper');
	closetimer = null;
	Effect.Queues.interval = 80;
	for(i=0;i<menuimgs.length;i++)
	{
		menuimgs[i].observe('mouseover', showmenu);
		menuimgs[i].mouseover = function(){return false};
		menuimgs[i].observe('mouseout', makeTimeout);
		menuimgs[i].mouseout = function(){return false};
	}
	for(i=0;i<dropdownholders.length;i++)
	{
		dropdownholders[i].observe('mouseover',showmenu);
		dropdownholders[i].mouseover = function(){return false};
		dropdownholders[i].observe('mouseout', makeTimeout);
		dropdownholders[i].mouseout = function(){return false};
	}
}

function showmenu(event)
{
	caught = false;
	element = Event.element(event);
	cancelTimeout();
	for(i=0;i<menuimgs.length;i++)
	{
		if((element===menuimgs[i] || element.descendantOf(menus[i])) && !caught)
		{
			caught = true;
			if(dropdownholders[i].getStyle('display') != 'block')
			{
				Effect.SlideDown(dropdownholders[i], { duration: 0.2, queue: 'front', limit: 2});
			}
			if(menuimgs[i].name != 'current'){ imgOn(menuimgs[i].name); }
		}
		else
		{
			if(dropdownholders[i].getStyle('display') == 'block')
			{
				Effect.SlideUp(dropdownholders[i], { duration: 0.0, queue:'end', limit: 2 });
			}
			if(menuimgs[i].name != 'current'){ imgOff(menuimgs[i].name); }
		}
	}
}

function hideall(event)
{
	for(i=0;i<dropdownholders.length;i++)
	{
		if(dropdownholders[i].getStyle('display') == 'block')
		{
			Effect.SlideUp(dropdownholders[i], { duration: 0.1, queue: 'end' });
			if(menuimgs[i].name != 'current'){ imgOff(menuimgs[i].name); }
		}
	}
}
function makeTimeout()
{
	closetimer = window.setTimeout(hideall, 100);
}

function cancelTimeout(){
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}