/**
 * 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
 */
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);
			    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() {
						    jQuery(el.fisheyeCfg.itemsText, this).get(0).style.display = 'block';
						    jQuery(el.fisheyeCfg.itemsText, this).get(0).style.width = '100%';
						}
					)
					.bind(
						'mouseout',
						function() {
						jQuery(el.fisheyeCfg.itemsText, this).get(0).style.display = 'block';
						jQuery(el.fisheyeCfg.itemsText, this).get(0).style.width = '100%';
						//alert(jQuery(el.fisheyeCfg.itemsText, this).get(0).style.width);
						}
					);
			    jQuery(document).bind(
					'mousemove',
					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.offsetWidth - el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size()) / 2 - el.fisheyeCfg.itemWidth / 2;
					    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 - extraWidth/2 + toAdd + 'px';
							    //toAdd += extraWidth;
							    toAdd += 0;
							}
						);
					    jQuery.iFisheye.positionContainer(el, toAdd);
					}
				);
			}
		)
    },

    positionContainer: function(el, toAdd) {
        if (el.fisheyeCfg.halign)
            if (el.fisheyeCfg.halign == 'center')
            el.fisheyeCfg.container.get(0).style.left = (el.offsetWidth - el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size()) / 2 - 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;