/**
 * jQuery.pulse
 * Copyright (c) 2008 James Padolsey - jp(at)qd9(dot)co.uk | http://james.padolsey.com / http://enhance.qd-creative.co.uk
 * Dual licensed under MIT and GPL.
 * Date: 05/11/08
 *
 * @projectDescription Applies a continual pulse to any element specified
 * http://enhance.qd-creative.co.uk/demos/pulse/
 * Tested successfully with jQuery 1.2.6. On FF 2/3, IE 6/7, Opera 9.5 and Safari 3. on Windows XP.
 *
 * @author James Padolsey
 * @version 1.11
 * 
 * @id jQuery.pulse
 * @id jQuery.recover
 * @id jQuery.fn.pulse
 * @id jQuery.fn.recover
 */
(function($){
    $.fn.recover = function() {
        /* Empty inline styles - i.e. set element back to previous state */
        /* Note, the recovery might not work properly if you had inline styles set before pulse initiation */
        return this.each(function(){$(this).stop().css({backgroundColor:'',color:'',borderLeftColor:'',borderRightColor:'',borderTopColor:'',borderBottomColor:'',opacity:1});});
    }
    $.fn.pulse = function(options){
        var defaultOptions = {
            textColors: [],
            backgroundColors: [],
            borderColors: [],
            opacityPulse: true,
            opacityRange: [],
            speed: 1000,
            duration: false,
            runLength: false
        }, o = $.extend(defaultOptions,options);
        /* Validate custom options */
        if(o.textColors.length===1||o.backgroundColors.length===1||o.borderColors.length===1) {return false;}
        /* Begin: */
        return this.each(function(){
            var $t = $(this), pulseCount=1, pulseLimit = (o.runLength&&o.runLength>0) ? o.runLength*largestArrayLength([o.textColors.length,o.backgroundColors.length,o.borderColors.length,o.opacityRange.length]) : false;
            clearTimeout(recover);
            if(o.duration) {
                setTimeout(recover,o.duration);
            }
            function nudgePulse(textColorIndex,bgColorIndex,borderColorIndex,opacityIndex) {
                if(pulseLimit&&pulseCount===pulseLimit) {
                    return $t.recover();
                }
                pulseCount++;
                /* Initiate color change - on callback continue */
                return $t.animate(getColorsAtIndex(textColorIndex,bgColorIndex,borderColorIndex,opacityIndex),o.speed,function(){
                    /* Callback of each step */
                    nudgePulse(
                        getNextIndex(o.textColors,textColorIndex),
                        getNextIndex(o.backgroundColors,bgColorIndex),
                        getNextIndex(o.borderColors,borderColorIndex),
                        getNextIndex(o.opacityRange,opacityIndex)
                    );
                });
            }
            /* Set CSS to first step (no animation) */
            $t.css(getColorsAtIndex(0,0,0,0));
            /* Then animate to second step */
            nudgePulse(1,1,1,1);
            function getColorsAtIndex(textColorIndex,bgColorIndex,borderColorIndex,opacityIndex) {
                /* Prepare animation object - get's all property names/values from passed indexes */
                var params = {};
                if(o.backgroundColors.length) {
                    params['backgroundColor'] = o.backgroundColors[bgColorIndex];
                }
                if(o.textColors.length) {
                    params['color'] = o.textColors[textColorIndex];
                }
                if(o.borderColors.length) {
                    params['borderLeftColor'] = o.borderColors[borderColorIndex];
                    params['borderRightColor'] = o.borderColors[borderColorIndex];
                    params['borderTopColor'] = o.borderColors[borderColorIndex];
                    params['borderBottomColor'] = o.borderColors[borderColorIndex];
                }
                if(o.opacityPulse&&o.opacityRange.length) {
                    params['opacity'] = o.opacityRange[opacityIndex];
                }
                return params;
            }
            function getNextIndex(property,currentIndex) {
                if (property.length>currentIndex+1) {return currentIndex+1;}
                else {return 0;}
            }
            function largestArrayLength(arrayOfArrays) {
                return Math.max.apply( Math, arrayOfArrays ); 
            }
            function recover() {
                $t.recover();
            }
        });
    }
})(jQuery);
/* The below code extends the animate function so that it works with color animations */
/* By John Resig */
(function(jQuery){
jQuery.each(['backgroundColor','borderBottomColor','borderLeftColor','borderRightColor','borderTopColor','color','outlineColor'],function(i,attr){jQuery.fx.step[attr]=function(fx){if(fx.state==0){fx.start=getColor(fx.elem,attr);fx.end=getRGB(fx.end)}fx.elem.style[attr]="rgb("+[Math.max(Math.min(parseInt((fx.pos*(fx.end[0]-fx.start[0]))+fx.start[0]),255),0),Math.max(Math.min(parseInt((fx.pos*(fx.end[1]-fx.start[1]))+fx.start[1]),255),0),Math.max(Math.min(parseInt((fx.pos*(fx.end[2]-fx.start[2]))+fx.start[2]),255),0)].join(",")+")"}});
function getRGB(color){var result;if(color&&color.constructor==Array&&color.length==3)return color;if(result=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)){return[parseInt(result[1]),parseInt(result[2]),parseInt(result[3])]}if(result=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color)){return[parseFloat(result[1])*2.55,parseFloat(result[2])*2.55,parseFloat(result[3])*2.55]}if(result=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color)){return[parseInt(result[1],16),parseInt(result[2],16),parseInt(result[3],16)]}if(result=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color)){return[parseInt(result[1]+result[1],16),parseInt(result[2]+result[2],16),parseInt(result[3]+result[3],16)]}return colors[jQuery.trim(color).toLowerCase()]}
function getColor(elem,attr){var color;do{color=jQuery.curCSS(elem,attr);if(color!=''&&color!='transparent'||jQuery.nodeName(elem,"body")){break}attr="backgroundColor"}while(elem=elem.parentNode);return getRGB(color)};
var colors={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]};
})(jQuery);


//-----------------------------------//
// FLYOUT WIDGET CLASS DEFINITION
//-----------------------------------//
(function(scope, name) {
	//create a base class
	var $ = window[scope], c = function(wrapper, options) {
		if(this.__construct) {
			this.__construct(wrapper, options || {}); //call the construct
		}
	};
	
	/* Base Class Definition
	-------------------------------------*/
	c.prototype = (function() {
		var p =  c.prototype;  //scope
		
		/* Private Properties
		-------------------------------------*/
		var _this = null, _defaultCallback = function() {};
		
		/* Construct
		-------------------------------------*/
		p.__construct = function(wrapper, options) {
			_this = this;
			
			this.wrapper = $(wrapper).data(name+'wrapper', true);
			//fill in default options where not defined
			options = this.getDefaultOptions(options);
			
			//assign public properties
			this.button = wrapper.find(options.button); 
			this.bottom = wrapper.find(options.bottom);
			this.top 	= wrapper.find(options.top);
			
			this.close 	= wrapper.find(options.close);
			this.imized = wrapper.find(options.imized);
			
			this.height = options.height;
			this.width 	= options.width;
			this.speed	= options.speed;
			this.expire	= options.expire;
			
			this.hideDelay	 = options.hideDelay;
			this.imizedClass = options.imizedClass;
			
			this.isAnimating = false;
			this.isMouseTesting = false;
			this.isMouseOver = false;
			
			//remember the last state and reflect that state
			this.isMinimized = parseInt($.getCookie('isMinimized')) == 1;
			if(this.isMinimized ) {
				//fix the classes
				this.imized.removeClass(_this.imizedClass.min);
				this.imized.addClass(_this.imizedClass.max);
				//set the width no animating
				this.top.width(this.width.max);
				//listen to mouse move
				$(document).bind('mousemove', _eventAutoHide);
			}
			
			//start listening
			// this.button.bind('mouseover', _eventShowBox);
			this.button.bind('click', _eventShowBox);
			this.button.bind('mouseover', function(){
				_this.button.pulse({
					speed: 1000,
					opacityRange: [0.2, .9]
				});
			});
			this.button.bind('mouseleave', function() {
				_this.button.recover();
			});
			// this.button.bind('click', function() {
			// 				return false;
			// 			});
			this.close.bind('click', _eventHideBox);
			this.imized.bind('click', _eventToggleImize);
			
		};
		
		/* Public Methods
		-------------------------------------*/
		p.getDefaultOptions = function(options) {
			options || {};
			
			options.button 	= options.button 	|| '#on-button';
			options.bottom 	= options.bottom 	|| 'div.body';
			options.top 	= options.top 		|| 'div.head';
			
			options.close 	= options.close 	|| 'div.controls .close';
			options.imized	= options.imized 	|| 'div.controls .imized';
			
			options.width 	= options.width 	|| {min: 41, max: 959};
			options.height 	= options.height 	|| {min: 0, max: 590};
			options.speed	= options.speed		|| 'fast';
			options.expire 	= options.expire	|| 999;
			
			options.hideDelay = options.hideDelay || 1000;
			options.imizedClass = options.imizedClass || {min: 'minimized', max: 'maximized'};
			
			return options;
		};
		
		p.show = function(callback) {
			callback = callback || _defaultCallback;
			
			var args = _args(arguments);
			args.shift();
			
			if(this.isAnimating === false) {
				this.isAnimating = true;
				this.top.animate({width: this.width.max}, this.speed, function() {
					_this.isAnimating = false;
					callback.apply(_this, args);
				});	
			}
			
			return this;
		};
		
		p.hide = function(callback) {
			callback = callback || _defaultCallback;
			
			var args = _args(arguments);
			args.shift();
			
			if(this.isAnimating === false) {
				this.isAnimating = true;
				this.top.animate({width: this.width.min}, this.speed, function() {
					_this.isAnimating = false;
					callback.apply(_this, args);
				});	
			}
			
			$.setCookie('isMinimized', 0, _this.expire);
			return this;
		};
		
		p.maximize = function(callback) {
			callback = callback || _defaultCallback;
			
			var args = _args(arguments);
			args.shift();
			
			if(this.isAnimating === false) {
				this.isAnimating = true;
				
				/*this.bottom.animate({height: this.height.max}, this.speed, function() {
					_this.isAnimating = false;
					//_this.bottom.find('h3, h1, h6').show();
					//$('#marquee').show();
					callback.apply(_this, args);
				});	*/
				this.bottom.slideDown(this.speed, function() {
					_this.isAnimating = false;
					//_this.bottom.find('h3, h1, h6').show();
					//$('#marquee').show();
					callback.apply(_this, args);
				});
			}
			return this;
		};
		
		p.minimize = function(callback) {
			callback = callback || _defaultCallback;
			
			var args = _args(arguments);
			args.shift();
			
			if(this.isAnimating === false) {
				this.isAnimating = true;
				//_this.bottom.find('h3, h1, h6').hide();
				//$('#marquee').hide();
				/*this.bottom.animate({height: this.height.min}, this.speed, function() {
					_this.isAnimating = false;
					_this.bottom.hide();
					callback.apply(_this, args);
				});	*/
				this.bottom.slideUp(this.speed, function() {
					_this.isAnimating = false;
					//_this.bottom.hide();
					callback.apply(_this, args);
				});
			}
			return this;
		};
		
		/* Destruct
		-------------------------------------*/
		p.__destruct = function() {
			this.button.bind('mouseover', _eventShowBox);
			this.close.bind('click', _eventHideBox);
			this.imized.bind('click', _eventToggleImize);
			$(document).unbind('mousemove', _eventAutoHide);
			
			return this;
		};
		
		/* Private Methods
		-------------------------------------*/
		var _eventShowBox = function(e) {
			if(e) {
				_stop(e);
			}
			
			//if maximized
			if(!_this.isMinimized) {
				//show the box and restore to maximize
				_this.show(_this.maximize, function() {
					$(document).bind('mousemove', _eventAutoHide);
				});
			} else {
				_this.show(function() {
					$(document).bind('mousemove', _eventAutoHide);
				});
			}
		};
		
		var _eventAutoHide = function(e) {
			//return;
			var parent = e.target;
			_this.isMouseOver = false;
			
			if(_this.isMinimized) {
				return;
			}
			
			while(parent = parent.parentNode) {
				if($(parent).data(name+'wrapper') === true)
				{
					_this.isMouseOver = true;
					break;
				}
			}
			
			if(!_this.isMouseTesting && !_this.isMouseOver) {
				_this.isMouseTesting = true;
				
				setTimeout(function() {
					if(!_this.isMouseOver) {
						$(document).unbind('mousemove', _eventAutoHide);
						
						_eventHideBox(e);
					}
					_this.isMouseTesting = false;
				}, _this.hideDelay);
			}
		};
		
		var _eventHideBox = function(e) {
			_stop(e, true);
			
			//if maximized
			if(!_this.isMinimized) {
				//minimize and hide
				_this.minimize(_this.hide, function() {
					//fix the classes
					_this.imized.removeClass(_this.imizedClass.max);
					_this.imized.addClass(_this.imizedClass.min);
					
					_this.isMinimized = false;
				});
			} else {
				_this.hide(function() {
					//fix the classes
					_this.imized.removeClass(_this.imizedClass.max);
					_this.imized.addClass(_this.imizedClass.min);
					
					_this.isMinimized = false;
				});
			}
		};
		
		var _eventToggleImize = function(e) {
			_stop(e, true);
			//if maximized
			if(_this.isMinimized === false) {
				//then minimize
				_this.minimize(function() {
					//fix the classes
					_this.imized.removeClass(_this.imizedClass.min);
					_this.imized.addClass(_this.imizedClass.max);
					
					_this.isMinimized = true;
					
					$.setCookie('isMinimized', 1, _this.expire);
				});
			} else {
				//then maximize
				_this.maximize(function() {
					//fix the classes
					_this.imized.removeClass(_this.imizedClass.max);
					_this.imized.addClass(_this.imizedClass.min);
					
					_this.isMinimized = false;
					$.setCookie('isMinimized', 0, _this.expire);
				});
			}
		};
		
		/* Utility Methods
		-------------------------------------*/
		var _stop = function(e) {
			
			if(typeof e.stopPropagation == 'function') {
				try {
					e.stopPropagation();
				} catch(e) {}
			}
			
			if(typeof e.preventDefault == 'function') {
				try {
					e.preventDefault();
				} catch(e) {}
			}
			
		};
		
		var _args = function(args) {
			return Array.prototype.slice.call(args);
		};
		
		var _bind = function() {
                //lets get the args for this.
                var args = _args(arguments);
                //this is the function that bind attached to
                var __method = args.shift(), __scope = args.shift();
                
                if(typeof __method != 'function')
                {
                        return null;
                }
                
                //now lets run this function
                return function() {
                        //lets concat the arguments from the old one and the new one
                        for(var i = 0, length = arguments.length, args2 = []; i < length; i++)
                        {
                                args2.push(arguments[i]);
                        }
                        return __method.apply(__scope, args2.concat(args));
                };
       };
		
		var _bindApply = function() {
                //lets get the args for this.
                var args = _args(arguments);
                //this is the function that bind attached to
                var __method = args.shift(), __scope = args.shift();
                
				args = args[0];
				
                if(typeof __method != 'function')
                {
                        return null;
                }
                
                //now lets run this function
                return function() {
                        //lets concat the arguments from the old one and the new one
                        for(var i = 0, length = arguments.length, args2 = []; i < length; i++)
                        {
                                args2.push(arguments[i]);
                        }
                        return __method.apply(__scope, args2.concat(args));
                };
       };
				
		return p;
	})();
	
	//This is the jQuery adapter
	//so that anytime this method is
	//called it will create a new instance
	//of our actual class
	$.fn.extend(new function() {
		this[name] = function(options, returnInstance) {
			returnInstance = returnInstance || false;
			var instance = new c(this, options || {});
			if(returnInstance) {
				return instance;
			}
			return this;
		}
	});
})('jQuery', 'flyout');