$(document).ready(function(){
            var ul = $("ul#topmenu");
            var navis = $("ul#topmenu li a");
            var navisObj ={
                "menu_home":-6,
                "menu_profile":-63,
                "menu_service":-211,
                "menu_portfolio":-284,
                "menu_contact":-383
                
            }
            
            for(i=0;i<navis.length;i++){
            $(navis[i]).hover(
                function(){
                    var bgX = navisObj[$(this).attr("id")];
                    var prop = bgX+"px 0px";

                    $(this).css({
                        "background-image":"url('static/img/header_navi_hover.png')",
                        "background-repeat":"no-repeat",
                        "background-position": prop  
                    });
                    
                },
                function(){
                    $(this).css({ "background-image":""});    
                }
            );
            }
        })