Event.observe(window,'load',function()
{
	var url="/smmk/pets/petsList";
	var loc="p";
	var re = new RegExp( "^(.*)\#([^\#]*)$" );
	var results = re.exec( window.location.href );

	if (results!=null)
	{
		url=results[1];
		loc=results[2];
	}

	var goPets=function()
	{
			$('pets').style.display='block';
			$('accessories').style.display='none';
			$('viewPets').className="active";
			$('viewAccessories').className="other";
			window.location.href='#p';			
	};
	
	var goAccessories=function()
	{
			$('pets').style.display='none';
			$('accessories').style.display='block';
			$('viewPets').className="other";
			$('viewAccessories').className="active";
			window.location.href='#a';
	};
	
	if (loc=="a")
	{
		goAccessories();
	}
	else
	{
		goPets();
	}
	
	Event.observe($('viewPets'), 'click', function(event)
	{
		Event.stop(event);
		goPets();
	});
	
	Event.observe($('viewAccessories'), 'click', function(event)
	{
		Event.stop(event);
		goAccessories();
	});
	
	

	var i=1;
	while($('pet'+i)!=null)
	{
		var f=function(i)
		{
			Event.observe($('pet'+i), 'mouseover', function(event)
			{
				$('pet'+i).className="pet_background_hover";
			});
			Event.observe($('pet'+i), 'mouseout', function(event)
			{
				$('pet'+i).className="pet_background";
			});
		};
		
		f(i);
		
		i++;
	}
});