/*

Main Javascript for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com

*/

/* =Realistic Navigation
============================================================================== */

	// Begin jQuery
jQuery.noConflict();
var $na = jQuery;
$na(document).ready(function ($) {

    // Animate buttons, shrink and fade shadow

    $na("#nav-shadow li").hover(function () {
        var f = this;
        $na(f).find("a").stop().animate({ marginTop: "-8px" }, 250, function () {
            $na(f).find("a").animate({ marginTop: "-5px" }, 250);
        });
        $na(f).find("img.shadow").stop().animate({ width: "31px", height: "16px", marginLeft: "8px", opacity: 0.25 }, 250);
    }, function () {
        var f = this;
        $na(f).find("a").stop().animate({ marginTop: "2px" }, 250, function () {
            $na(f).find("a").animate({ marginTop: "0px" }, 250);
        });
        $na(f).find("img.shadow").stop().animate({ width: "31px", height: "16px", marginLeft: "0", opacity: 1 }, 250);
    });

});

jQuery.noConflict();
var $nb = jQuery;
$nb(document).ready(function ($) {

    // Animate buttons, shrink and fade shadow

    $nb("#nav-shadow_1 li").hover(function ($) {
        var e = this;
        $nb(e).find("a").stop().animate({ marginTop: "-8px" }, 250, function ($) {
            $nb(e).find("a").animate({ marginTop: "-5px" }, 250);
        });
        $nb(e).find("img.shadow").stop().animate({ width: "31px", height: "16px", marginLeft: "8px", opacity: 0.25 }, 250);
    }, function ($) {
        var e = this;
        $nb(e).find("a").stop().animate({ marginTop: "2px" }, 250, function ($) {
            $nb(e).find("a").animate({ marginTop: "0px" }, 250);
        });
        $nb(e).find("img.shadow").stop().animate({ width: "31px", height: "16px", marginLeft: "0", opacity: 1 }, 250);
    });

    // End jQuery

});