window.addEvent('domready', function() {
	var img_path = "http://www.citygardenstl.org/assets/images/"
		
	var main_nav_images = [];
	main_nav_images['design']= [];
	main_nav_images['art']= [];
	main_nav_images['plants']= [];
	main_nav_images['information']= [];
	main_nav_images['food']= [];


	$$('.main_nav').each(function(item)
	{
		var main_nav_img_path = img_path + "_main_navigation/";
		var nav_section = item.get('id').substr(9)
		main_nav_images[nav_section]['off'] = main_nav_img_path + nav_section+"_color.png";
		main_nav_images[nav_section]['on'] = main_nav_img_path + nav_section+"_white.png";
		if(nav_section != myDirectory)
		{
			if(myDirectory == 'home')
			{
				var over_image = 'on';
				var out_image = 'off';
			}
			else
			{
				var over_image = 'off';
				var out_image = 'on';
				
			}



			var myElement = item.getElement('.subnav_wrapper');
			var initial_width = myElement.getElement('.subnav').offsetWidth;
			var initial_height = myElement.getElement('.subnav').offsetHeight;
			var initial_z_index = myElement.getStyle('z-index').toInt();
		
			
			myElement.set({
				'styles':
				{
					'left': (-initial_width-47)+'px',
					'clip': [0, initial_width, initial_height, 400]
				}
			});
		}
		else
		{
			var over_image = 'on';
			var out_image = 'off';
		}
		item.set({
			'styles':
			{
				'background':'transparent url('+main_nav_images[nav_section][out_image]+') no-repeat 94px top'
			}
		});
		
		//alert (myElement.get('id')+", "+initial_width+", "+initial_height);
		//alert (myElement.get('id')+", "+item.get('id'));
		
				
		item.addEvents(
			{
				'mouseenter': function(e)
				{
					e.stop();
					if(nav_section != myDirectory)
					{
						item.set({
							'styles':
							{
								'background':'transparent url('+main_nav_images[nav_section][over_image]+') no-repeat 94px top'
							}
						});					
						
						myElement.tween('clip', [myElement.getStyle('clip'), [0, initial_width, initial_height, 0].join(' ')]);
						
						//myElement.setStyle('clip', [0, initial_width, initial_height, 0]);
						//myElement.tween('clip', [0, initial_width, initial_height, 0] );
					}
				},
				'mouseleave': function(e)
				{
					e.stop();
					if(nav_section != myDirectory)
					{
						item.set({
							'styles':
							{
								'background':'transparent url('+main_nav_images[nav_section][out_image]+') no-repeat 94px top'
							}
						});
						
						myElement.tween('clip', [myElement.getStyle('clip'), [0, initial_width, initial_height, 400].join(' ')]);				
						
						//myElement.tween('clip', [0, initial_width, initial_height, 400].join(' '));
						//myElement.setStyle('clip', [0, initial_width, initial_height, 400]);
					}
				}
			});
	
	});

	if(myDirectory != "home")
	{
		var side_nav_img_path = img_path + "_side_navigation/";

		$$('#side_navigation a').each(function(item)
		{
			var nav_section = item.getProperty('title');
			item.addEvents(
				{
					'mouseenter': function(e)
					{
						item.getElement('img').set('src', side_nav_img_path + myDirectory + "/" + nav_section+"_active.png");
					},
					'mouseleave': function(e)
					{
						item.getElement('img').set('src', side_nav_img_path + myDirectory + "/" + nav_section+"_idle.png");
					}
				}
			)
		
		});
	}
});