// JavaScript Document        

                // DOM Ready
                $(function() {
                
                        var originalBGplaypen = $("#playpen").css("background-color"),
                            x, y, xy, bgWebKit, bgMoz, 
                            lightColor = "rgba(255,255,255,0.5)",
                            gradientSize = 70;
                                        
                                var originalBG = $(".nav a").css("background-color");
                                var darkColor = "#ddd";
                                
                                $('.nav li:not(".active") a')
                                .mousemove(function(e) {
                                
                                           x  = e.pageX - this.offsetLeft;
                                           y  = e.pageY - this.offsetTop;
                                           xy = x + " " + y;
                                           
                                       bgWebKit = "-webkit-gradient(radial, " + xy + ", 0, " + xy + ", 100, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.0))), " + originalBG;
                                           bgMoz    = "-moz-radial-gradient(" + x + "px " + y + "px 45deg, circle, " + lightColor + " 0%, " + darkColor + " " + gradientSize + "px)";
                                
                                                $(this)
                                                        .css({ background: bgWebKit })
                                                        .css({ background: bgMoz });
                                                
                                                
                                }).mouseleave(function() {
                                        $(this).css({ background: originalBG });
                                });
                                
                });