$(document).ready(function()
    {
	    slide("#nav", 25, 10, 150, .8);
        
        $("#tabs").tabs();
        
        var daveLink = jQuery(' <a h'+'ref="m'+'ailt'+'o:'+'%64%61%76%65%32%30%30%32%40%67%6d%61%69%6c%2e%63%6f%6d">&#100;&#97;&#118;&#101;&#50;&#48;&#48;&#50;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;<\/a>');
        var drLink = jQuery(' <a hre'+'f="m'+'ai'+'lto:'+'%73%74%65%76%65%40%64%69%72%74%79%72%75%73%63%6f%65%2e%63%6f%6d">&#115;&#116;&#101;&#118;&#101;&#64;&#100;&#105;&#114;&#116;&#121;&#114;&#117;&#115;&#99;&#111;&#101;&#46;&#99;&#111;&#109;<\/a>');
        var oLink = jQuery(' <a hre'+'f="m'+'ai'+'lto:'+'%61%6e%64%72%65%77%40%6f%6d%69%6e%65%73%65%63%75%6e%64%6f%2e%63%6f%6d">&#97;&#110;&#100;&#114;&#101;&#119;&#64;&#111;&#109;&#105;&#110;&#101;&#115;&#101;&#99;&#117;&#110;&#100;&#111;&#46;&#99;&#111;&#109;<\/a>');

        
        daveLink.appendTo('#contactDave');
        drLink.appendTo('#contactDR');
        oLink.appendTo('#contactO');

    });
    
    function slide(navigation_id, pad_out, pad_in, time, multiplier)  
    {  
        var timer = 0;  
        // creates the hover-slide effect for all link elements           
        $('#nav ul li.menu_link').each(function(i)  
        {  
            $(this).hover(  
            function()  
            {  
                $(this).animate({ marginRight: pad_out }, 150);  
            },        
            function()  
            {  
                $(this).animate({ marginRight: pad_in }, 150);  
            });  
        });  
    }

    function loadContent(path)
    {  
	$('#content').load('/content/' + path + '.html').hide().fadeIn('slow');
    }