RN467 - IDM 241 - FINAL 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.
Page Loads: When the page initially loads and there is no interaction on any buttons for 4 seconds.

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 20% 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 current drink rotates 90 degrees counterclockwise to the previous drink, the background of the previous drink slides from left to right, and the slide counter decrements by one.
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 current drink rotates 90 degrees clockwise to the next drink, the background of the next drink slides from right to left, and the slide counter increments by one.
Clicks On Fruit button: When the user clicks on a fruit button directly, a line shows up under the fruit and the drink, background, and number on slide counter will change to match the selected fruit.
Automatic Timer: If no interaction occurs on any buttons for 4 seconds, the carousel 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 20% 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 current drink rotates 90 degrees counterclockwise to the previous drink, the background of the previous drink slides from left to right, and the slide counter decrements by one.
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 current drink rotates 90 degrees clockwise to the next drink, the background of the next drink slides from right to left, and the slide counter increments by one.
Clicks On Fruit button: When the user clicks on a fruit button directly, a line shows up under the fruit and the drink, background, and number on slide counter will change to match the selected fruit.
Automatic Timer: If no interaction occurs on any buttons for 4 seconds, the carousel automatically switch to the next slide.

Loops : The carousel loops from the last to the first drink and vice versa infinitely.
Modes : There are three modes: the mango slide, the taro slide, and the apple slide.