IDM 241 - BETA BUILD

On/Off Hover: User hovers on and off the next/previous button
On/Off Hover: User hovers on and off a fruit button.
On Click: User clicks the "Previous" or "Next" buttons or clicks on a fruit button.
Timer: After 4 seconds of no interaction, the carousel automatic display next drink.

Hover on Previous/Next Button: When the user's mouse hovers on the next or previous button, the cursor change from default arrow to pointer and the button is filled from transparent to white in .3 seconds.
Hover off Previous/Next Button: When the user's mouse hovers off the next or previous button, the cursor change from pointer to default arrow and the button fades from white to transparent in .3 seconds.
Hover on Fruit button: When the user's mouse hovers any fruit button, the cursor change from default arrow to pointer and the button scales up about 10% over time.
Hover off Fruit button: When the user's mouse hovers off the fruit button, the cursor change from pointer to default arrow and the the button returns to its original size over time.
Clicks On Previous Button: When the user clicks on the "Previous" button, it will shift the carousel to display a line under the fruit, the previous drink, and the background accordingly.
Clicks On Next Button: When the user clicks on the "Next" button, it will shift the carousel to display a line under the fruit, the previous drink, and the background accordingly.
Clicks On Fruit button: When the user clicks on a fruit button directly, a line shows up under the fruit and the drink and background will change to match the selected fruit.
Automatic Timer: If no interaction occurs for 4 seconds, automatically switch to the next slide.

Hover on Previous/Next Button: When the user's mouse hovers over the next or previous button, the cursor change from default arrow to pointer and the button is filled from transparent to white in .3 seconds.
Hover off Previous/Next Button: When the user's mouse hovers off the next or previous button, the cursor change from pointer to default arrow and the button fades from white to transparent in .3 seconds.
Hover on Fruit button: When the user's mouse hovers any fruit button, the cursor change from default arrow to pointer and the button scales up about 10% over time.
Hover off Fruit button: When the user's mouse hovers off the fruit button, the cursor change from pointer to default arrow and the the button returns to its original size over time.
Clicks On Previous Button: When the user clicks on the "Previous" button, it will shift the carousel to display a line under the fruit, the previous drink, and the background accordingly.
Clicks On Next Button: When the user clicks on the "Next" button, it will shift the carousel to display a line under the fruit, the previous drink, and the background accordingly.
Clicks On Fruit button: When the user clicks on a fruit button directly, a line shows up under the fruit and the drink and background will change to match the selected fruit.
Automatic Timer: If no interaction occurs for 4 seconds, automatically switch to the next slide.

Hover On/Off: This interaction does not involve looping; it occurs only once when the user hovers on theitem and again when they hover off. This interaction also has no modes.
Carousel : The carousel loops from the last to the first fruit and vice versa infinitely. Looping occurs when the user reaches the last drink and clicks "Next" or at the first fruit and clicks "Previous." users can utilize the previous and next buttons to sequentially switch between drinks, select a fruit button to immediately change the drink, or activate an automatic timer that changes slides after 4 seconds of inactivity.