/*

 * jQuery UI Button 1.8.1

 *

 * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)

 * Dual licensed under the MIT (MIT-LICENSE.txt)

 * and GPL (GPL-LICENSE.txt) licenses.

 *

 * http://docs.jquery.com/UI/Button

 *

 * Depends:

 *	jquery.ui.core.js

 *	jquery.ui.widget.js

 */

(function( $ ) {

var lastActive,

	baseClasses = "ui-button ui-widget ui-state-default ui-corner-all",

	otherClasses = "ui-state-hover ui-state-active " +

		"ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon ui-button-text-only",

	formResetHandler = function( event ) {

		$( ":ui-button", event.target.form ).each(function() {

			var inst = $( this ).data( "button" );

			setTimeout(function() {

				inst.refresh();

			}, 1 );

		});

	},

	radioGroup = function( radio ) {

		var name = radio.name,

			form = radio.form,

			radios = $( [] );

		if ( name ) {

			if ( form ) {

				radios = $( form ).find( "[name='" + name + "']" );

			} else {

				radios = $( "[name='" + name + "']", radio.ownerDocument )

					.filter(function() {

						return !this.form;

					});

			}

		}

		return radios;

	};

$.widget( "ui.button", {

	options: {

		text: true,

		label: null,

		icons: {

			primary: null,

			secondary: null

		}

	},

	_create: function() {

		this.element.closest( "form" )

			.unbind( "reset.button" )

			.bind( "reset.button", formResetHandler );

		this._determineButtonType();

		this.hasTitle = !!this.buttonElement.attr( "title" );

		var self = this,

			options = this.options,

			toggleButton = this.type === "checkbox" || this.type === "radio",

			hoverClass = "ui-state-hover" + ( !toggleButton ? " ui-state-active" : "" ),

			focusClass = "ui-state-focus";

		if ( options.label === null ) {

			options.label = this.buttonElement.html();

		}

		if ( this.element.is( ":disabled" ) ) {

			options.disabled = true;

		}

		this.buttonElement

			.addClass( baseClasses )

			.attr( "role", "button" )

			.bind( "mouseenter.button", function() {

				if ( options.disabled ) {

					return;

				}

				$( this ).addClass( "ui-state-hover" );

				if ( this === lastActive ) {

					$( this ).addClass( "ui-state-active" );

				}

			})

			.bind( "mouseleave.button", function() {

				if ( options.disabled ) {

					return;

				}

				$( this ).removeClass( hoverClass );

			})

			.bind( "focus.button", function() {

				// no need to check disabled, focus won't be triggered anyway

				$( this ).addClass( focusClass );

			})

			.bind( "blur.button", function() {

				$( this ).removeClass( focusClass );

			});

		if ( toggleButton ) {

			this.element.bind( "change.button", function() {

				self.refresh();

			});

		}

		if ( this.type === "checkbox" ) {

			this.buttonElement.bind( "click.button", function() {

				if ( options.disabled ) {

					return false;

				}

				$( this ).toggleClass( "ui-state-active" );

				self.buttonElement.attr( "aria-pressed", self.element[0].checked );

			});

		} else if ( this.type === "radio" ) {

			this.buttonElement.bind( "click.button", function() {

				if ( options.disabled ) {

					return false;

				}

				$( this ).addClass( "ui-state-active" );

				self.buttonElement.attr( "aria-pressed", true );

				var radio = self.element[ 0 ];

				radioGroup( radio )

					.not( radio )

					.map(function() {

						return $( this ).button( "widget" )[ 0 ];

					})

					.removeClass( "ui-state-active" )

					.attr( "aria-pressed", false );

			});

		} else {

			this.buttonElement

				.bind( "mousedown.button", function() {

					if ( options.disabled ) {

						return false;

					}

					$( this ).addClass( "ui-state-active" );

					lastActive = this;

					$( document ).one( "mouseup", function() {

						lastActive = null;

					});

				})

				.bind( "mouseup.button", function() {

					if ( options.disabled ) {

						return false;

					}

					$( this ).removeClass( "ui-state-active" );

				})

				.bind( "keydown.button", function(event) {

					if ( options.disabled ) {

						return false;

					}

					if ( event.keyCode == $.ui.keyCode.SPACE || event.keyCode == $.ui.keyCode.ENTER ) {

						$( this ).addClass( "ui-state-active" );

					}

				})

				.bind( "keyup.button", function() {

					$( this ).removeClass( "ui-state-active" );

				});

			if ( this.buttonElement.is("a") ) {

				this.buttonElement.keyup(function(event) {

					if ( event.keyCode === $.ui.keyCode.SPACE ) {

						// TODO pass through original event correctly (just as 2nd argument doesn't work)

						$( this ).click();

					}

				});

			}

		}

		// TODO: pull out $.Widget's handling for the disabled option into

		// $.Widget.prototype._setOptionDisabled so it's easy to proxy and can

		// be overridden by individual plugins

		this._setOption( "disabled", options.disabled );

	},

	_determineButtonType: function() {

		if ( this.element.is(":checkbox") ) {

			this.type = "checkbox";

		} else {

			if ( this.element.is(":radio") ) {

				this.type = "radio";

			} else {

				if ( this.element.is("input") ) {

					this.type = "input";

				} else {

					this.type = "button";

				}

			}

		}

		if ( this.type === "checkbox" || this.type === "radio" ) {

			// we don't search against the document in case the element

			// is disconnected from the DOM

			this.buttonElement = this.element.parents().last()

				.find( "[for=" + this.element.attr("id") + "]" );

			this.element.addClass( "ui-helper-hidden-accessible" );

			var checked = this.element.is( ":checked" );

			if ( checked ) {

				this.buttonElement.addClass( "ui-state-active" );

			}

			this.buttonElement.attr( "aria-pressed", checked );

		} else {

			this.buttonElement = this.element;

		}

	},

	widget: function() {

		return this.buttonElement;

	},

	destroy: function() {

		this.element

			.removeClass( "ui-helper-hidden-accessible" );

		this.buttonElement

			.removeClass( baseClasses + " " + otherClasses )

			.removeAttr( "role" )

			.removeAttr( "aria-pressed" )

			.html( this.buttonElement.find(".ui-button-text").html() );

		if ( !this.hasTitle ) {

			this.buttonElement.removeAttr( "title" );

		}

		$.Widget.prototype.destroy.call( this );

	},

	_setOption: function( key, value ) {

		$.Widget.prototype._setOption.apply( this, arguments );

		if ( key === "disabled" ) {

			if ( value ) {

				this.element.attr( "disabled", true );

			} else {

				this.element.removeAttr( "disabled" );

			}

		}

		this._resetButton();

	},

	refresh: function() {

		var isDisabled = this.element.is( ":disabled" );

		if ( isDisabled !== this.options.disabled ) {

			this._setOption( "disabled", isDisabled );

		}

		if ( this.type === "radio" ) {

			radioGroup( this.element[0] ).each(function() {

				if ( $( this ).is( ":checked" ) ) {

					$( this ).button( "widget" )

						.addClass( "ui-state-active" )

						.attr( "aria-pressed", true );

				} else {

					$( this ).button( "widget" )

						.removeClass( "ui-state-active" )

						.attr( "aria-pressed", false );

				}

			});

		} else if ( this.type === "checkbox" ) {

			if ( this.element.is( ":checked" ) ) {

				this.buttonElement

					.addClass( "ui-state-active" )

					.attr( "aria-pressed", true );

			} else {

				this.buttonElement

					.removeClass( "ui-state-active" )

					.attr( "aria-pressed", false );

			}

		}

	},

	_resetButton: function() {

		if ( this.type === "input" ) {

			if ( this.options.label ) {

				this.element.val( this.options.label );

			}

			return;

		}

		var buttonElement = this.buttonElement,

			buttonText = $( "<span></span>" )

				.addClass( "ui-button-text" )

				.html( this.options.label )

				.appendTo( buttonElement.empty() )

				.text(),

			icons = this.options.icons,

			multipleIcons = icons.primary && icons.secondary;

		if ( icons.primary || icons.secondary ) {

			buttonElement.addClass( "ui-button-text-icon" +

				( multipleIcons ? "s" : "" ) );

			if ( icons.primary ) {

				buttonElement.prepend( "<span class='ui-button-icon-primary ui-icon " + icons.primary + "'></span>" );

			}

			if ( icons.secondary ) {

				buttonElement.append( "<span class='ui-button-icon-secondary ui-icon " + icons.secondary + "'></span>" );

			}

			if ( !this.options.text ) {

				buttonElement

					.addClass( multipleIcons ? "ui-button-icons-only" : "ui-button-icon-only" )

					.removeClass( "ui-button-text-icons ui-button-text-icon" );

				if ( !this.hasTitle ) {

					buttonElement.attr( "title", buttonText );

				}

			}

		} else {

			buttonElement.addClass( "ui-button-text-only" );

		}

	}

});

$.widget( "ui.buttonset", {

	_create: function() {

		this.element.addClass( "ui-buttonset" );

		this._init();

	},

	_init: function() {

		this.refresh();

	},

	_setOption: function( key, value ) {

		if ( key === "disabled" ) {

			this.buttons.button( "option", key, value );

		}

		$.Widget.prototype._setOption.apply( this, arguments );

	},

	refresh: function() {

		this.buttons = this.element.find( ":button, :submit, :reset, :checkbox, :radio, a, :data(button)" )

			.filter( ":ui-button" )

				.button( "refresh" )

			.end()

			.not( ":ui-button" )

				.button()

			.end()

			.map(function() {

				return $( this ).button( "widget" )[ 0 ];

			})

				.removeClass( "ui-corner-all ui-corner-left ui-corner-right" )

				.filter( ":first" )

					.addClass( "ui-corner-left" )

				.end()

				.filter( ":last" )

					.addClass( "ui-corner-right" )

				.end()

			.end();