в общем дело состоит в следующем: я хочу написать выпадающее меню, но есть но... не знаю как это сделать.
необходимо что бы при наведение кнопка меняла !картинку! с синей на оранжевую и при этом выползала менюшка которую можно редактировать по ширине и высоте в коде(меню может выползать и по клику).
у меня получается сделать это по отдельности, но объединить это в одно как то тяма не хватает, увы...
примерный код приложен

хотя бы подскажите с чего начать пожалуйста

не нужно придумывать велосипеды

http://twitter.github.com/bootstrap/components.html#dropdowns

вас должно интересовать вот это:

Sub menus on dropdowns

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.

берите и смотрите как оно сделано. если по прежнему целью останется написание меню - пишите, если нет - просто используйте этот код например. вообще, тема избитая до неворзможности, интернет полон разных обзоров на эту тему, и постов, прекрасно находящихся через гугл по запросу "dropdown menu javascript" масса, если не нравится bootstrap - http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ вот, выбирайте.

а начинать нужно с точного определения цели.

Я бы посоветовал сверстать меню на списках... Подробнее тут. Если будут вопросы обращайтесь.

Извиняюсь. Правильная ссылка http://www.magentawave.com/2012/12/about-drop-down-css-menu.html