This project consists from writing 2 menus and connecting them to work together.
1. starting with the first menu:
A. the first menu should display objects (images) in a row but with scrolling when the mouse moves to the oppisiate direction. Here's an example of what i mean: [url removed, login to view]
B. there should be support for moving the mouse scroll wheel .
so the user can move the mouse in order to see invisble items or scrolling the mouse wheel.
C. when the mouse is over one element:
i. it will be covered with transperent box
ii. and option for removing the item will appear near the item.
When removing need to remove the item from the menu and to call another function (stub function rightnow)
2. the second menu will be popup box.
A. there will be a button, when the user click it will open a new box, the style of the box should be like:
look at the lightbox: [url removed, login to view]
B. the box will open on the center of the screen (can't be moved) with some animation
C. it will have transperent background and display items (as categories)
D. the display for the items should be the same like the menu one (but vertical)
E. the menu items:
the menu items should be something like tree, when you get final item you can select it.
F. navigation between the tree items:
will be the same like Android, for example suppose we have this tree for elements:
so at the first A and B options will be displayed.
when the user select on (click on the mouse) because they aren't final item the screen display the next.
suppose the user select B, so it will display: B.a,B.b,B.c
when the user select B.a for example the box disappear and B.a will be item in the menu1 !
3. this work contains the style of the menus ! (CSS\HTML)
4. the scripts should be cross browsers ! (look at the jQuery supported browsers)