//-----------------------------------//
// 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', 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: 960};
			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);
				});	
			}
			
			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);
				});	
			}
			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);
				});	
			}
			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) {
			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) {
			//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');