/* PURPOSE: After page is finished loading HTML and images, this function is called to setup the fisheye menu
* PARAMETERS: The following variables need to be defined in the including file's section just before this file is included.
* OR you can define these variables below by the comment tag.
*
var MinimumIconSize = 40;
var MaximumIconSize = 96;
var HowCloseDoesMouseComeToActivate = 30;
var MenuIconUpAndDownAlignment = 'center';
var MenuIconLeftAndRightAlignment = 'middle';
*
**/
$(document).ready(function () {
var TagThatHoldsIcons = 'a'; // probably dont need to change
var TagThatHoldsExtraText = 'span'; // no need to change
var MinimumIconSize = 56; // Small icon at rest width
var MaximumIconSize = 72; // Big icon after growing up
var HowCloseDoesMouseComeToActivate = 30; // When the mouse comes within 30 pixels of the icon, it starts to grow
var MenuIconUpAndDownAlignment = 'center'; // center on page
var MenuIconLeftAndRightAlignment = 'middle'; // vertically center in menu (this height is defined in fisheye-menu.css)
$('#fisheye').Fisheye({
itemWidth: MinimumIconSize,
maxWidth: MaximumIconSize,
items: TagThatHoldsIcons,
itemsText: TagThatHoldsExtraText,
container: '.fisheyeContainter',
proximity: HowCloseDoesMouseComeToActivate,
halign: MenuIconUpAndDownAlignment,
valign: MenuIconLeftAndRightAlignment
});
});