/**
 * Interface Elements for jQuery
 * Fisheye menu
 * 
 * http://interface.eyecon.ro
 * 
 * Copyright (c) 2006 Stefan Petre
 * Dual licensed under the MIT (MIT-LICENSE.txt) 
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 */

/**
 * Build a Fisheye menu from a list of links
 *
 * @name Fisheye
 * @description Build a Fisheye menu from a list of links
 * @param Hash hash A hash of parameters
 * @option String items items selection
 * @option String container container element
 * @option Integer itemWidth the minimum width for each item
 * @option Integer maxWidth the maximum width for each item
 * @option String itemsText selection of element that contains the text for each item
 * @option Integer proximity the distance from element that make item to interact
 * @option String valign vertical alignment
 * @option String halign horizontal alignment
 *
 * @type jQuery
 * @cat Plugins/Interface
 * @author Stefan Petre
 */
 
var itemBeingHoveredOver = -1;
var menuDisplayTimer = false;
var leftContainerTimer = false;

$.fn.wait = function(time, type) {
	time = time || 1000;
	type = type || "fx";
	return this.queue(type, function() {
		var self = this;
		setTimeout(function() {
			$(self).dequeue();
		}, time);
	});
};
 
jQuery.iFisheye = { 
	
	build : function(options)
	{
	
		return this.each(
			function()
			{
				var el = this;
				el.fisheyeCfg = {
					items : jQuery(options.items, this),
					container: jQuery(options.container, this),
					pos : jQuery.iUtil.getPosition(this),
					itemWidth: options.itemWidth,
					itemsText: options.itemsText,
					proximity: options.proximity,
					valign: options.valign,
					halign: options.halign,
					maxWidth : options.maxWidth
				};
				jQuery.iFisheye.positionContainer(el, 0);
				
				el.fisheyeCfg.items.each( function(nr) { jQuery('img', this).width('80%'); } );
				el.fisheyeCfg.items.each( function(nr) { this.itemPosition = nr; } );
				
				var mouseMoved = function(e)
						{
							var pointer = jQuery.iUtil.getPointer(e);
							var toAdd = 0;
							if (el.fisheyeCfg.halign && el.fisheyeCfg.halign == 'center')
								var posx = pointer.x - el.fisheyeCfg.pos.x - el.fisheyeCfg.itemWidth * 1.5;
							else if (el.fisheyeCfg.halign && el.fisheyeCfg.halign == 'right')
								var posx = pointer.x - el.fisheyeCfg.pos.x - el.offsetWidth + el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size();
							else 
								var posx = pointer.x - el.fisheyeCfg.pos.x;
							var posy = Math.pow(pointer.y - el.fisheyeCfg.pos.y - el.offsetHeight/2,2);
							el.fisheyeCfg.items.each(
								function(nr)
								{
									distance = Math.sqrt(
										Math.pow(posx - nr*el.fisheyeCfg.itemWidth, 2)
										+ posy
									);
									distance -= el.fisheyeCfg.itemWidth/2;
									
									distance = distance < 0 ? 0 : distance;
									distance = distance > el.fisheyeCfg.proximity ? el.fisheyeCfg.proximity : distance;
									distance = el.fisheyeCfg.proximity - distance;
									
									extraWidth = el.fisheyeCfg.maxWidth * distance/el.fisheyeCfg.proximity;
									
									//this.style.width = el.fisheyeCfg.itemWidth + extraWidth + 'px';
									//this.style.left = el.fisheyeCfg.itemWidth * nr + toAdd + 'px';
									jQuery(this).css('width', el.fisheyeCfg.itemWidth + extraWidth + 'px');
									jQuery(this).css('left', el.fisheyeCfg.itemWidth * nr + toAdd + 'px');
									

									toAdd += extraWidth;
								}
							);
							jQuery.iFisheye.positionContainer(el, toAdd);
						};
						
				var resetDock = function() 
						{
							jQuery(document).bind('mousemove', mouseMoved);
							
							// JGL: April 25, 2010: Added try/catch block after seeing 
							// "jQuery(el.fisheyeCfg.itemsText,this.get(0) is undefinded" errors in Firefox
							// (Errors looked harmless to end user, but I'm a stickler!)  
							try {
							  el.fisheyeCfg.items.each( function() { jQuery(el.fisheyeCfg.itemsText, this).get(0).style.display = 'none'; } );
							} catch (jglerr) {
							  return;
							}
							
							
							itemBeingHoveredOver = -1;
							
							if (menuDisplayTimer) { clearTimeout(menuDisplayTimer); menuDisplayTimer = false; }
							if (leftContainerTimer) { clearTimeout(leftContainerTimer); leftContainerTimer = false; }
						};
				
				jQuery(window).bind(
					'resize',
					function()
					{
						el.fisheyeCfg.pos = jQuery.iUtil.getPosition(el);
						jQuery.iFisheye.positionContainer(el, 0);
						jQuery.iFisheye.positionItems(el);
					}
				);
				jQuery.iFisheye.positionItems(el);
				el.fisheyeCfg.items
					.bind(
						'mouseover',
						function()
						{	
							// JGL: April 25, 2010: Added try/catch block after seeing 
							// "jQuery(el.fisheyeCfg.itemsText,this.get(0) is undefinded" errors in Firefox
							// (Errors looked harmless to end user, but I'm a stickler!)  
							try {
							  var itemsTextStyle = jQuery(el.fisheyeCfg.itemsText, this).get(0).style;
							} catch(jglerr) {
							  return;
							}
							
							if ( ( this.itemPosition == itemBeingHoveredOver ) || ( itemsTextStyle.display == 'block' ) ) return;
							
							resetDock();
							itemBeingHoveredOver = this.itemPosition;
														
							menuDisplayTimer = setTimeout(
								function() { 
									itemsTextStyle.display = 'block';  
									jQuery(document).unbind('mousemove', mouseMoved);
									menuDisplayTimer = false;
								}, 800
							);
						}
					)
					
				jQuery(document).bind(
					'mousemove', mouseMoved
				);
				
				el.fisheyeCfg.container.bind(
					'mouseout', function() { leftContainerTimer = setTimeout( resetDock, 700 )  }
				);
				
				el.fisheyeCfg.container.bind(
					'mouseover', function() { if (!leftContainerTimer) return; clearTimeout(leftContainerTimer); leftContainerTimer = false; }
				);
			}
		)
	},
	
	positionContainer : function(el, toAdd)
	{
		if (el.fisheyeCfg.halign)
			if (el.fisheyeCfg.halign == 'center') {
				el.fisheyeCfg.container.get(0).style.left =  - toAdd/2 + 'px';
			}
			else if (el.fisheyeCfg.halign == 'left')
				el.fisheyeCfg.container.get(0).style.left =  - toAdd/el.fisheyeCfg.items.size() + 'px';
			else if (el.fisheyeCfg.halign == 'right')
				el.fisheyeCfg.container.get(0).style.left =  (el.offsetWidth - el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size()) - toAdd/2 + 'px';
		el.fisheyeCfg.container.get(0).style.width = el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size() + toAdd + 'px';
	},
	
	positionItems : function(el)
	{
		el.fisheyeCfg.items.each(
			function(nr)
			{
				this.style.width = el.fisheyeCfg.itemWidth + 'px';
				this.style.left = el.fisheyeCfg.itemWidth * nr + 'px';
			}
		);
	}
};

jQuery.fn.Fisheye = jQuery.iFisheye.build;