var jdump = function ($jq)
{
	alert(
		"dimensions: w"+$jq.css("width")+" h"+$jq.css("height")+"\n"+
		"offset: l"+$jq.css("left")+" t"+$jq.css("top")+"\n"+
		"margin: "+$jq.css("margin-top")+" "+$jq.css("margin-right")+" "+$jq.css("margin-bottom")+" "+$jq.css("margin-left")+"\n"+
		"padding: "+$jq.css("padding-top")+" "+$jq.css("padding-right")+" "+$jq.css("padding-bottom")+" "+$jq.css("padding-left")
	);
}

function jdump_func ($jq)
{
	return function () {jdump($jq)};
}

$(document).ready(function () {
    // dropdown menus
	$('#nav').find('div.dropdown').each(function() {
		var $ul = $(this);
		var $trigger = $ul.find('div.navButton');
		var $submenu = $ul.find('div.sublinks');

		$trigger.mouseenter(function () {
			//jdump($('#nav'));
			//$submenu.show();
			$submenu.animate({opacity:'show'}, 200);
			//jdump($('#nav'));
		});

		$ul.mouseleave(function(){
			//jdump($('#nav'));
			//$submenu.hide();
			$submenu.animate({opacity:'hide'}, 200);
			//jdump($('#nav'));
		});
	});

        $('#nav2').find('div.dropdown').each(function() {
                var $ul = $(this);
                var $trigger = $ul.find('div.navButton');
                var $submenu = $ul.find('div.sublinks2');

                $trigger.mouseenter(function () {
                        $submenu.animate({opacity:'show'}, 200);
                });

                $ul.mouseleave(function(){
                        $submenu.animate({opacity:'hide'}, 200);
                });
        });

    // searchbar stuff
    var $search = $('#search');
    $search.focus(function () {
        if (this.value == 'Search...')
        {
            this.value = '';
            this.style.color = 'black';
            this.style.fontstyle = 'normal';
        }
    });
    $search.blur(function () {
        if (this.value == '')
        {
            this.value = 'Search...';
            this.style.color = '';
            this.style.fontstyle = '';
        }
    });
});

