$(document).ready(setup);

function setup()
{
	add_dropshadows();

	// this is pretty annoying so I'm not using it
	//add_mouseover_pop();
}

function add_dropshadows()
{
	$("div.pop").append("<div class='dropshadow'></div>");
}

function add_mouseover_pop()
{
	$("div.pop").hover(
		function()
		{
			$(this).css({'top' : '-1px', 'left' : '-1px'});
			$(this).children('div.dropshadow').css(
				{'top' : '5px', 'left' : '7px'});
		},
		function()
		{
			$(this).css({'top' : '0', 'left' : '0'});
			$(this).children('div.dropshadow').css(
				{'top' : '3px', 'left' : '3px'});
		}
	);
}

