홈페이지를 만들고있는데 상단 메뉴 스크립트 해결 부탁드려요 ㅠㅠ

메뉴 4개로 구성되어있고 마우스 오버시 메뉴 이미지가 바뀌면서 서브 메뉴가 나타나는 방식입니다.

마우스 포인터가 메뉴나 서브메뉴 위에 있지 않아도 기존에 마우스 오버로 나타났던 서브 메뉴가
사라지지 않고 유지되어야 하고 마우스 오버로 바뀌었던 메뉴의 이미지도 그대로 유지되는 메뉴를
생각하는데요,

서브메뉴는 남아있는데 마우스 오버로 바뀐 이미지가 마우스 아웃되면서 처음의 이미지로 돌아가버리네요.
소스를 되도록 간단하게 구성하고싶은데 어떻게하면 될까요?

소스 파일첨부합니다.